商城首页欢迎来到中国正版软件门户

您的位置:首页 >jQuery Mobile 表单输入

jQuery Mobile 表单输入

  发布于2026-08-11 阅读(0)

扫一扫,手机访问

jQuery Mobile 文本输入框

表单输入字段本质上还是用标准 HTML 元素来编写的,只不过 jQuery Mobile 会在此基础上补上一层样式,让它们看起来更美观,放到移动设备上操作起来也更顺手。除此之外,还可以直接使用 HTML5 新增的 类型:

实例

	

提示:请使用 placeholder 来指定一个简短的描述,用来描述输入字段的期望值:

文本域

对于多行文本输入可使用


搜索输入框

type="search" 类型的输入框是在 HTML5 中新增的,它是为输入搜索定义文本字段:

实例

		

单选按钮

当用户在有限数量的选择中仅选取一个选项时,使用单选按钮。

如果要创建一组单选按钮,做法并不复杂:添加 type="radio" 的 input,并为每个选项配上对应的 label。通常还会把这些单选按钮统一放进

元素里,结构会更清晰。要是还想给这一组内容加个标题,可以再补一个 元素,用来定义
的标题。

提示:请使用 data-role="controlgroup" 来把按钮组合在一起:

实例

	
Choose your gender:

复选框

当用户在有限数量的选择中选取一个或多个选项时,使用复选框:

实例

	
Choose as many fa vorite colors as you'd like:

更多实例

如需水平组合单选按钮或复选框,请使用 data-type="horizontal":

实例

	

您也可以用一个 field 容器包围

实例

		
请选择您的性别:

如果您想要您的按钮中的一个预先选中,请使用 HTML 中 的 checked 属性:

实例

		

你可以将表单放在弹窗中:

实例

Show Popup Form

登录信息

本文转载于:https://www.runoob.com/jquerymobile/jquerymobile-form-inputs.html 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。

最新发布

相关推荐

热门关注