三个前提:
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、单选按钮:
4、表单选择:
5、滑块:
6、切换开关:
tips:清除JQM自动样式:data-role:none jQuery Mobile 会自动通过 AJAX 进行表单提交