（四）Jquery Mobile表单

Jquery Mobile表单与列表

一、JM表单
      1、表单
      普通html表单
      
      效果：
      
  

 2、只能输入数字的表单
     
      效果：
      
        说明：label中的for="number-pattern" 就是说，当我们点击label是就会获取到id="number-pattern"的焦点，也就是下面input框的焦点。

3、文件文本框
      
      效果：
      

4、密码文本框
      aotocomplete="off"是记录之前输入过的文本，为off就是不保存
      
      效果：
      

5、在输入框中显示提示信息
      palceholder="请输入您要搜索的内容" 提示信息展示
      
     效果：
      
      当然，我们也可以设置input框为disabled状态

6、fieldcontain使用
     需要将很多input框和按钮放在一起使用
     
      效果：
      

7、select选择框
     
      效果：
      

8、textarea多行
      
      效果：
     

9、搜索框
     
     效果：
     

10、滑块
    普通滑块  
     效果：     
     
     填充滑块
     
      效果：
      

11、组滑块

      效果：
      

12、翻转开关
      
      效果：
     

13、checkbox复选框
      
      效果：
      

14、单选框
      
      效果：
      

15、非原生的下拉select
      添加data-native-menu="false" 将原生的禁用掉
      效果：
      

16、可复选的select
       
      效果：
      

来自为知笔记(Wiz)