jQuery Mobile 滑动条控件
滑动条允许您从一个范围的数字中选择一个值：
如需创建滑动条，请使用 <input type="range">：
实例
<form method="post" action="demoform.php"><label for="points">进度:</label>
<input type="range" name="points" id="points" value="50" min="0" max="100">
</form>
尝试一下 »
使用以下属性来规定限制：
- max - 规定允许的最大值
- min - 规定允许的最小值
- step - 规定合法的数字间隔
- value - 规定默认值
提示: 如果你想在按钮中显示进度的值可以添加 data-show-value="true" 属性:
实例
<input type="range" data-show-value="true">尝试一下 »
提示: 如果你想在滑动按钮上显示进度（类似一个小弹窗）可以使用 data-popup-enabled="true" 属性:
实例
<input type="range" data-popup-enabled="true">尝试一下 »
提示：如果您想要高亮突出显示滑动条的值，请添加 data-highlight="true"：
实例
<input type="range" data-highlight="true">尝试一下 »
拨动开关
拨动开关通常用于 on/off 或 true/false 按钮：
我们可以使用 <input type="checkbox"> 元素并指定 data-role 为 "flipswitch" 来创建开关:
实例
<form method="post" action="demoform.php"><label for="switch">切换开关：</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form>
尝试一下 »
默认情况下，开关切换的文本为 "On" 和 "Off"。你可以使用 data-on-text 和 data-off-text 属性来修改它：
实例
<input type="checkbox" data-role="flipswitch" name="switch" id="switch" data-on-text="True" data-off-text="False">尝试一下 »
提示:开关复选框可以使用 "checked" 属性来设置默认的选项：
实例
<input type="checkbox" data-role="flipswitch" name="switch" id="switch" checked>尝试一下 »
更多实例
区间滑块
制作一个区间值的滑块。
滑块样式
为滑块开关设置样式。
以上就是 jQuery Mobile 表单滑动条 的详细内容，更多请关注runoob其它相关文章！
【美亚麟喜*机构】「10年诚信品牌机构」「微信：130-2233-7922」「三甲医院合作」「三代试管婴儿技术」「*成功率高」「*价格费用合理」美亚麟喜·您圆梦路上的首选伙伴！
重庆*【徽信13022337922】、成都*【徽信13022337922】、长沙*【徽信13022337922】、
武汉*【徽信13022337922】、贵阳*【徽信13022337922】、昆明*【徽信13022337922】、
重庆*【徽信13022337922】、重庆*【徽信13022337922】、重庆*【徽信13022337922】、
重庆*【徽信13022337922】、