6.6 按钮定位
data-iconpos是指跟内容之间的位置关系
6.7带自定义图标的按钮
(1)为链接添加data-icon属性
.ui-icon-custom1{
backgroud:url(./images/map.png) no-repeat center; }
6.8 分组按钮
默认垂直分组,移除所有空白边,以及在按钮之间添加边界,第一个和最后一个元素会使用圆角设计
7、表单
7.1 表单基础
(1)默认情况下表单使用AJAX提交到其他链接(#id)或外部页(相同域内html),跨域访问除外;
(2)可以使用data-ajax=\或target=\强制禁止使用AJAX,主要用于跨域访问和文件上传
(3)表单应当指明action和method属性,action 属性规定当提交表单时,向何处发送表单数据,默认值当前页面相对路径。method指定数据如何发送到服务器,默认值为“get”。 关于 \方法的注释:
· 该方法将表单数据以名称/值对的形式附加到 URL 中 · 该方法对于用户希望加入书签的表单提交很有用
· 在 URL 中放置的数据量是有限制的(不同的浏览器有差别),所以无法确保所有表单数据得到正确地传输
· 绝不要使用 \方法来传输敏感信息!(密码或其他敏感信息在浏览器地址栏中是可见的)
关于 \方法的注释:
· 该方法以 HTTP post 事务的方式来传递表单数据 · 无法将通过 \方法提交的表单加入书签
· 与 \相比,\方法更健壮更安全,而且 \没有容量限制 (4)使用label的for属性和input的id属性建立关系
(5)placeholder属性,为文本输入添加提示或标签,在字段接受到焦点时自动消失 (6)data-role=\用于加强label/form元素对
(7)HTML 5 required 属性
required 属性规定必需在提交之前填写输入字段。如果使用该属性,则字段是必填(或必选)的。
注释:required 属性适用于以下 类型:
text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。