jQuery Mobile 表单滑动条

jQuery Mobile 滑动条控件

滑动条允许您从一个范围的数字中选择一个值:

如需创建滑动条,请使用 <input type="range">:

实例

<form method="post" action="demoform.html">
 <div data-role="fieldcontain">
 <label for="points">Points:</label>
 <input type="range" name="points" id="points" value="50" min="0" max="100">
 </div>
</form>
尝试一下 »

使用以下属性来规定限制:

  • max - 规定允许的最大值

  • min - 规定允许的最小值

  • step - 规定合法的数字间隔

  • value - 规定默认值

提示:如果您想要高亮突出显示滑动条的值,请添加 data-highlight="true":

实例

<input type="range" data-hightlight="true">
尝试一下 »

拨动开关

波动开关通常用于 on/off 或 true/false 按钮:

如需创建一个开关,请把 <select> 元素与 data-role="slider" 一起使用,并添加两个 <option> 元素:

实例

<form method="post" action="demoform.html">
 <div data-role="fieldcontain">
 <label for="switch">Toggle Switch:</label>
 <select name="switch" id="switch" data-role="slider">
 <option value="on">On</option>
 <option value="off">Off</option>
 </select>
 </div>
</form>
尝试一下 »

提示:请使用 "selected" 属性来设置选项中的一个为预选中状态(高亮突出显示状态):

实例

<option value="off" selected>Off</option>
尝试一下 »

新闻动态 联系方式 广告合作 招聘英才 安科实验室 帮助与反馈 About Us

Copyright © 2013 - 2019 Ancii.com All Rights Reserved京ICP备18063983号-5 京公网安备11010802014868号