5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>jQuery Mobile Docs - Forms</title>
7 <link rel="stylesheet" href="../../css/themes/default/" />
8 <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
9 <script src="../../js/jquery.js"></script>
10 <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
11 <script src="../_assets/js/jqm-docs.js"></script>
12 <script src="../../js/"></script>
16 <div data-role="page" class="type-index">
18 <div data-role="header" data-theme="f">
19 <h1>Form elements</h1>
20 <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
21 </div><!-- /header -->
23 <div data-role="content">
25 <p>All form elements begin with standard html controls that are enhanced to make them more attractive and easy-to-use. In browsers that don't support the custom controls, they will still have a usable experience because these are all based on native form elements.</p>
27 <ul data-role="listview" data-inset="true">
28 <li><a href="docs-forms.html">Form basics</a></li>
29 <li><a href="forms-all.html">Form element gallery</a></li>
30 <li><a href="textinputs/">Text inputs</a></li>
31 <li><a href="search/">Search inputs</a></li>
32 <li><a href="slider/">Slider</a></li>
33 <li><a href="switch/">Flip toggle switch</a></li>
34 <li><a href="radiobuttons/">Radio buttons</a></li>
35 <li><a href="checkboxes/">Checkboxes</a></li>
36 <li><a href="selects/">Select menus</a></li>
37 <li><a href="forms-themes.html">Theming forms</a></li>
38 <li><a href="forms-all-native.html">Native form elements</a></li>
39 <li><a href="forms-sample.html">Submitting forms</a></li>
43 </div><!-- /ui-body wrapper -->