jQuery Mobile 表单滑动条和开关

1、jQuery Mobile 滑动条控件

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

  

    
滑块控件
  
  

    

      进度:
      
      
    
  

 

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

（1）、max - 规定允许的最大值

（2）、min - 规定允许的最小值

（3）、step - 规定合法的数字间隔

（4）、value - 规定默认值

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

  

    
滑块控件
  
  

    

      进度:
      
      
    
  

 

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

  

    
滑块控件
  
  

    

      进度:
      
      
    
  

 

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

  

    
滑块控件
  
  

    

      进度:
      
      
    
  

 

 

2、拨动开关

  波动开关通常用于 on/off 或 true/false 按钮：我们可以使用 元素并指定 data-role 为 "flipswitch" 来创建开关:

  

    

      切换开关:
        
        

      
    
  

 

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

  

    

 	   切换开关:
        
        

      
    
  

 

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

  

    

       切换开关: