博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery Mobile表单
阅读量:6694 次
发布时间:2019-06-25

本文共 965 字,大约阅读时间需要 3 分钟。

三个前提:

1、每个form必须设置method和action属性

2、每个form必须有页面范围内唯一的id标识

3、每个form必须有一个label标签,通过设置它的for属性来匹配元素的id

1、隐藏label内容:

2、域容器:

如果需要 label 和表单元素在宽屏幕上显示正常,用带有 data-role="fieldcontain" 属性的 <div> 或<fieldset>包装 label 或表单元素:

fieldcontain 属性基于页面宽度来设置 label 和表单控件的样式。当页面宽度大于 480px 时,它会自动将 label 与表单控件放置于同一行。当小于 480px 时,label 会被放置于表单元素之上。

3、单选按钮:

Choose your gender:

4、表单选择:

5、滑块:

6、切换开关:

 

tips:清除JQM自动样式:data-role:none      jQuery Mobile 会自动通过 AJAX 进行表单提交

 

转载于:https://www.cnblogs.com/dll-ft/p/5596427.html

你可能感兴趣的文章
虚拟机VMBox的空间扩展和对加载进来资源的扩展
查看>>
《结对-结对编项目作业名称-需求分析》
查看>>
iView3.x Anchor(锚点)组件 导航锚点
查看>>
Network --- Tcp Protocol
查看>>
sqlite效率探测
查看>>
React生命周期
查看>>
数据库 -- mysql表操作
查看>>
C++ 11 nullptr关键字
查看>>
shutil 高级文件操作
查看>>
Itellij Idea全局搜索
查看>>
Android系统简介
查看>>
配置证书
查看>>
Oracle VM VirtualBox技巧
查看>>
uvm_svcmd_dpi——DPI在UVM中的实现(二)
查看>>
Crimm Imageshop 2.3。
查看>>
SQL AND和OR求值顺序
查看>>
买房必知的五大法律常识 助你安心顺利选房
查看>>
leetcode563
查看>>
剑指Offer 40 最小的k个数
查看>>
plsql developer 连接数据库 转!!
查看>>