您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 表单选择菜单

jQuery Mobile 表单选择菜单_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 表单选择菜单

jQuery Mobile 表单选择菜单

此节有 111 人学习过     参与评论

jQuery Mobile 选择菜单

iPhone 上的选择菜单:

Android 设施上的选择菜单:

<select> 元素创建带有若干选项的下拉菜单。

<select> 元素中的 <option> 元素定义列表中的可用选项:

实例

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">选择日期</label>
    <select name="day" id="day">
      <option value="mon">星期一</option>
      <option value="tue">星期二</option>
      <option value="wed">星期三</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>

亲自试一试

自定义选择菜单

本页上方的优博博e百娱乐城,展示了移动平台显示选择菜单的独特方式。

如果您希望在一切移动设施上显示一致外观的选择菜单,请使用 jQuery 的自定义选择菜单,data-native-menu="false" 属性:

实例

<select name="day" id="day" data-native-menu="false">

亲自试一试

Multiple Selections

如需在选择菜单中选取多个选项,请在 <select> 元素中使用 multiple 属性:

实例

<select name="day" id="day" multiple data-native-menu="false">

亲自试一试

365体育投注官方网站实例

使用 data-role="controlgroup"
如何组合一个或多个选择菜单。
使用 data-type="horizontal"
如何水平地组合选择菜单。
预选选项
如何预选择一个选项。
可折叠表单
如何创建可折叠表单。

如对本文有疑问,请提交到交流博彩到宝马会娱乐城,广大热心网友会为你解答!! 点击进入博彩到宝马会娱乐城


公布评论 (111人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换优博博e百娱乐城
最新评论
------分隔线----------------------------
条评论
Sitemap