html5 mobile 输入框,jQuery Mobile 表单输入元素

jQuery Mobile 表单输入元素

jQuery Mobile 文本输入

输入字段是通过标准的 HTML 元素编写的，jQuery Mobile 会为它们设置专门针对移动设备的美观易用的样式。您还可以使用新的 HTML5 类型：

实例

全名：

生日：

电邮：

提示：请使用 placeholder 来规定简短的提示，以描述输入字段的预期值：

文本框

请使用 来实现多行文本输入。

注释：文本框会自动扩大，以适应您输入的文本行。

实例

Additional Information:

搜索框

输入类型 type="search" 是 HTML5 中的新类型，用于定义供输入搜索词的文本字段：

实例

Search:

单选按钮

当用户只选择有限数量选项中的一个时，会用到单选按钮。

如需创建一套单选按钮，请添加 type="radio" 的 input 元素以及相应的 label。在

元素中包装单选按钮。您也可以增加一个 元素来定义 的标题。

提示：请用 data-role="controlgroup" 属性来组合这些按钮：

实例

Choose your gender:

Male

Female

复选框

当用户选择有限数量选项中的一个或多个选项时，会用到复选框：

实例

Choose as many favorite colors as you'd like:

Red

Green

Blue

更多实例

如需对单选框或复选框进行水平分组，请使用 data-type="horizontal" 属性：

实例

您也可以使用域容器来包装

：

实例

Choose your gender:

如果您希望“预选”其中一个按钮，请使用 HTML 标签的 checked 属性：

实例