jQuery Mobile的自动式的HTML表单，使它们看起来引人入胜和触摸友好。
jQuery Mobile Form结构
jQuery Mobile的使用CSS样式的HTML表单元素，使得他们有吸引力和易于使用。
在jQuery Mobile的，你可以用下面的表单控件：
- 文本输入框
- 搜索输入
- 单选按钮
- 复选框
- 选择菜单
- 滑块
- 翻转拨动开关
当使用jQuery Mobile的形式工作，你应该知道：
- 在<form>元素必须具有一种方法和action属性
- 每个表单元素必须有一个独特的“id”属性。 该ID必须在整个站点的网页的唯一。 这是因为jQuery Mobile的单页导航模型允许许多不同的“页面”是存在在同一时间
- 每个表单元素必须有标签。 设置为标签的属性相匹配的元素的id
例
<form method="post" action="demoform.asp" >
<label for="fname"> First name: </label>
<input
type="text" name="fname" id="fname" >
</form>
试一试» 提示：使用占位符来指定一个描述输入字段的预期值短的提示：
例
<label for="fname">First name:</label>
<input
type="text" name="fname" id="fname" placeholder="First name..." >
试一试» 提示：要隐藏的标签，使用"ui-hidden-accessible"类。 这是经常使用，当你想要的元素的占位符属性作为标签：
例
<label for="fname"
class="ui-hidden-accessible" ">First name:</label>
<input
type="text" name="fname" id="fname" placeholder="First name..." >
试一试» 提示：如果你想有一个"clear button" （上清除字段的内容输入栏右侧的X图标），添加数据明确BTN =“true”属性：
例
<label for="fname">First name:</label>
<input type="text" name="fname"
id="fname" data-clear-btn="true" >
试一试» 在"clear button"可在任何可以添加<input>元素，除了<textarea> 。 搜索领域有此属性设置为"true"为默认-去改变它，只需指定data-clear-btn="false" 。
jQuery Mobile的表单按钮
在表单按钮编码标准的HTML <input>元素（按钮，重置，提交）。 它们会自动样式，使它们有吸引力的和容易使用的移动设备和桌面计算机上：
例
<input type="button" value="Button">
<input type="reset" value="Reset
Button">
<input type="submit" value="Submit Button">
试一试» 以另外一种样式<输入>按钮，请使用下表中列出的数据 - *属性：
粗体数值表示默认值。
| 属性 | 值 | 描述 |
|---|---|---|
| data-corners | true | false | 指定按钮是否应该具有圆角或不 |
| data-icon | Icons Reference | 指定按钮的图标 |
| data-iconpos | left | right | top | bottom | notext | 指定图标的位置 |
| data-inline | true | false | 指定按钮是否应为内联与否 |
| data-mini | true | false | 指定按钮是否应该是小的或不 |
| data-shadow | true | false | 指定按钮是否应该有阴影或不 |
包含或排除你想/不想属性（S）：
<input type="submit" value="Submit" data-icon="check"
data-iconpos="right" data-inline="true">
试一试» Field Containers
为了使标签和表单元素正确看待更宽的屏幕，一个包装<div>或<fieldset>元素的"ui-field-contain"标签/表单元素周围类：
例
<form method="post" action="demoform.asp">
<div class="ui-field-contain" >
<label for="fname">First name:</label>
<input
type="text" name="fname" id="fname">
<label for="lname">Last
name:</label>
<input type="text" name="lname" id="lname">
</div>
</form>
试一试» 在"ui-field-contain"根据页面的宽度类样式标签和表单控件。 当页面的宽度比480像素时，它自动将标签上的同一行的形式控制。 当小于480像素，标签将被放置在表单元素之上。
提示：要防止jQuery Mobile的自动风格tappable /点击元素，使用data-role="none"属性：
例
<label for="fname">First name:</label>
<input type="text" name="fname"
id="fname" data-role="none" >
试一试» 表单提交jQuery中移动
jQuery Mobile的将通过AJAX自动处理表单提交，并试图整合服务器响应到应用程序的DOM。