(四)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
       技术分享
      效果:
      技术分享




郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。