jQueryMobile表单结构学习
jQuery Mobile 表单 jQuery Mobile 会自动为 HTML 表单添加优异的便于触控的外观。 jQueryMobile 使用 CSS 来设置 HTML 表单元素的样式,以使其更有吸引力更易用。下面,小编为大家搜索整理了jQueryMobile表单结构学习,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!
jQuery Mobile 表单结构
jQuery Mobile 使用 CSS 来设置 HTML 表单元素的样式,以使其更有吸引力更易用。
在 jQuery Mobile 中,您可以使用以下表单控件:
文本框
搜索框
单选框
复选框
选择菜单
滑动条
翻转切换开关
当您与 jQuery Mobile 表单打交道时,应该了解以下信息:
元素必须设置 method 和 action 属性
每个表单元素必须设置唯一的' "id" 属性。该 id 在站点的页面中必须是唯一的。这是因为 jQuery Mobile 的单页面导航模型允许许多不同的“页面”同时呈现。
每个表单元素必须有一个标记(label)。请设置 label 的 for 属性来匹配元素的 id。
实例
method="post" action="">
for="fname">First name:
id="fname">
亲自试一试
如需隐藏 label,请使用类 ui-hidden-accessible。这很常用,当您需要元素的 placeholder 属性充当 label 时:
实例
class="ui-hidden-accessible">姓名:
亲自试一试域容器
如果需要 label 和表单元素在宽屏幕上显示正常,请用带有 data-role="fieldcontain" 属性的
或元素来包装 label 或表单元素:
实例
First name:
Last name:
亲自试一试
提示:fieldcontain 属性基于页面宽度来设置 label 和表单控件的样式。当页面宽度大于 480px 时,它会自动将 label 与表单控件放置于同一行。当小于 480px 时,label 会被放置于表单元素之上。
提示:如需避免 jQuery Mobile 自动为可点击元素设置样式,请使用 data-role="none" 属性:
实例
First name:
data-role="none">
亲自试一试
在 jQuery Mobile 中提交表单
提示:jQuery Mobile 会自动通过 AJAX 进行表单提交,并会尝试将服务器响应整合入应用程序的 DOM 中。
-
Win7系统打开服务管理界面的几种方法
Win7系统打开服务管理界面的几种方法导语:Win7系统在服务窗口可以关闭/开启服务程序,但需要在服务窗口界面才能操作,那么Win7系统怎么打开服务管理界面呢?今天小编与大家分享下Win7系统打开服务管理界面的具体操作步骤,欢迎参考!Win7系统打开服务管理界面方法一1、...
-
计算机操作系统课程培训学习体会
xxxx年11月20-22日,我们有幸参加了教育部全国高校教师操作系统培训中心对国家精品课程《计算机操作系统课程》的课程培训,聆听了xxxx、xxxx两位教授的讲座,颇受启发,收获很多。回顾三天来的学习活动,深有感触;回顾反省自己以往的教学生活,感慨良多。可以说本次培训活...
-
四则XP系统使用技巧
XP操作系统可以说是得到了许多用户的支持,是一个功能强大,界面美观的操作系统,但是其中也有许多技巧可以简化我们的操作或者提高系统性能。只要我们在使用过程中稍加留心就会发现。一、快速关机对于快速关机,在网上也有许多方法,同时爱好是因人而异的,这里也不妨介绍...
-
Linux运维工程师岗位的职责(通用24篇)
在快速变化和不断变革的今天,人们运用到岗位职责的场合不断增多,制定岗位职责有助于提高内部竞争活力,提高工作效率。制定岗位职责的注意事项有许多,你确定会写吗?下面是小编为大家整理的Linux运维工程师岗位的职责,欢迎阅读,希望大家能够喜欢。Linux运维工程师岗位的...
相关文章
- You must be more careful!英语单元试卷
- 关于jquery插件jTimer(jquery定时器)使用方法
- jquery submit()不能提交表单的的原因
- Jolie drops battle over perfume named Shilohy英语作文
- 让jQuery Mobile不显示loading界面的方法
- 《You Cant Judge a William by Its Cover》英语美文欣赏
- JQuery Mobile实现导航栏和页脚
- jQueryMobile页面
- jQuery Mobile + PHP实现文件上传
- 《Remember I Told You》歌词鉴赏