topical media & game development
mobile-js-sample-chapter-3-3-16.htm / htm
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Application</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head>
<body>
<section id="page1" data-role="page">
<header data-role="header"><h1>jQuery Mobile</h1></header>
<div class="content" data-role="content">
<h3>Checkboxes and Radio Buttons</h3>
<form id="myform" action=<formprocessor.php> method="post">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Filter Restaurants By:</legend>
<input type="checkbox" name="checkbox-french" id="checkbox-french">
<label for="checkbox-french">French</label>
<input type="checkbox" name="checkbox-italian" id="checkbox-italian">
<label for="checkbox-italian">Italian</label>
<input type="checkbox" name="checkbox-greek" id="checkbox-greek">
<label for="checkbox-greek">Greek</label>
</fieldset>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Select a Language:</legend>
<input type="radio" name="radio-language" id="radio-french">
<label for="radio-french">French</label>
<input type="radio" name="radio-language" id="radio-italian" checked="checked">
<label for="radio-italian">Italian</label>
<input type="radio" name="radio-language" id="radio-greek">
<label for="radio-greek">Greek</label>
</fieldset>
</div>
</form>
</div>
<footer data-role="footer"><h1>O'Reilly</h1></footer>
</section>
</body>
</html>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.