码迷,mamicode.com
首页 > Web开发 > 详细

(四)Jquery Mobile表单

时间:2015-04-05 20:23:11      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

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




(四)Jquery Mobile表单

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!