客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
jQuery Mobile 表单选择菜单jQuery Mobile 选择菜单Iphone 上的选择菜单：
Android/SGS4 设备上的选择菜单：
<select> 元素创建带有若干选项的下拉列表。 <select> 元素内的 <option> 元素定义了列表中的可用选项： 实例<form method="post" action="demoform.html">
<fieldset data-role="fieldcontain"> <label for="day">Select Day</label> <select name="day" id="day"> <option value="mon">Monday</option> <option value="tue">Tuesday</option> <option value="wed">Wednesday</option> </select> </fieldset> </form> 尝试一下 » 提示：如果您有一个带有相关选项的很长的列表，请在 <select> 内使用 <optgroup> 元素： 实例<select name="day" id="day">
<optgroup label="Weekdays"> <option value="mon">Monday</option> <option value="tue">Tuesday</option> <option value="wed">Wednesday</option> </optgroup> <optgroup label="Weekends"> <option value="sat">Saturday</option> <option value="sun">Sunday</option> </optgroup> </select> 尝试一下 » 自定义选择菜单本页顶部的图像，演示了移动平台上如何使用它们的方式展示一个选择菜单。 如果您想要让选择菜单在所有的移动设备上都显示相同，请使用 jQuery 自带的自定义选择菜单，data-native-menu="false" 属性： 多个选择如需在选择菜单中选择多个选项，请在 <select> 元素中使用 multiple 属性： 更多实例 使用 data-role="controlgroup"
使用 data-type="horizontal"
预选中选项
可折叠表单
通过jQuery Mobile可以让表单的选择具有更加的效果，通过以上的使用实例你应该感受到了，在下一节的内容中，我们加一起来了解一下jQuery Mobile的表单滑动条该怎么使用！  |
请发表评论