(四)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
       
      效果:
      




原文地址:https://www.cnblogs.com/wang3680/p/46680e9277f57a91e1b9a163b6a55574.html