当前位置:K88软件开发文章中心编程语言APP编程jQuery Mobile → 文章内容

jQuery Mobile 表单滑动条

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-12 6:33:24

jQuery Mobile 表单滑动条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 表单滑动条