topical media & game development

talk show tell print

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.