jQuery Mobile simple sample (JQM b2)

by kukicvladimir

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
<div data-role="page">
    <div id="header" data-role="header">Header</div>
    <div id="content" data-role="content">
        <fieldset data-role="controlgroup">
            <input type="checkbox" name="chk-1" value="1" id="chk-1-1" /><label for="chk-1-1">ほげ</label>
            <input type="checkbox" name="chk-1" value="2" id="chk-1-2" /><label for="chk-1-2">まげ</label>
            <input type="checkbox" name="chk-1" value="3" id="chk-1-3" /><label for="chk-1-3">もげ</label>
        </fieldset>
        <fieldset data-role="controlgroup">
            <select id="select1">
                <option value="0">( select something )</option>
                <option value="1">Hoge Hoge</option>
                <option value="2">Moge Moge</option>
                <option value="3">Mage Mage</option>
            </select>
        </fieldset>
        <fieldset>
            <a href="" data-role="button" data-inline="true" data-icon="arrow-l">Go Back</a>
            <button type="submit" data-inline="true" data-theme="b">Submit</button> 
        </fieldset>
    </div>
    <div id="footer" data-role="footer">Footer</div>
</div>