jQuery Mobile 表单滑动条

2021-02-09 17:21

阅读:604

标签:按钮   指定   最小值   bsp   滑块   switch   cti   高亮   min   

jQuery Mobile 滑动条控件

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


如需创建滑动条,请使用

实例


  
  input type="range" name="points" id="points" value="50" min="0" max="100">


尝试一下 »

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

  • max - 规定允许的最大值
  • min - 规定允许的最小值
  • step - 规定合法的数字间隔
  • value - 规定默认值

提示: 如果你想在按钮中显示进度的值可以添加 data-show-value="true" 属性:

实例

data-show-value="true">

尝试一下 »

提示: 如果你想在滑动按钮上显示进度(类似一个小弹窗)可以使用 data-popup-enabled="true" 属性:

实例

data-popup-enabled="true">

尝试一下 »

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

实例

data-highlight="true">

尝试一下 »

拨动开关

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


我们可以使用 元素并指定 data-role 为 "flipswitch" 来创建开关:

实例


  
   

尝试一下 »

默认情况下,开关切换的文本为 "On" 和 "Off"。你可以使用 data-on-text 和 data-off-text 属性来修改它:

实例

data-on-text="True" data-off-text="False">

尝试一下 »

提示:开关复选框可以使用 "checked" 属性来设置默认的选项:

实例

checked>

尝试一下 »

技术图片

更多实例

区间滑块
制作一个区间值的滑块。

滑块样式
为滑块开关设置样式。


以上就是 jQuery Mobile 表单滑动条  的详细内容,更多请关注runoob其它相关文章!





【美亚麟喜代孕机构】「10年诚信品牌机构」「微信:130-2233-7922」「三甲医院合作」「三代试管婴儿技术」「代孕成功率高」「代孕价格费用合理」美亚麟喜·您圆梦路上的首选伙伴!
重庆代孕【徽信13022337922】、成都代孕【徽信13022337922】、长沙代孕【徽信13022337922】、
武汉代孕【徽信13022337922】、贵阳代孕【徽信13022337922】、昆明代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、

jQuery Mobile 表单滑动条

标签:按钮   指定   最小值   bsp   滑块   switch   cti   高亮   min   

原文地址:https://www.cnblogs.com/yuya670/p/13059279.html


评论


亲,登录后才可以留言!