html标签role属性,data
以下是一段代码：
默认地址:加上css样式过后本应该是如下效果：
可是实际的效果确实这样的：
这是怎么回事呢，html中根本没有写，为什么会出现“保存信息”这四个字呢？后来才知道是因为网页使用了jQuery Mobile 框架。
加上一句代码即可：data-role=”none”。
后来就去找了一下有关于data-role的文章，以下是对它的解释：
“data-role”属性是HTML 5的一个新特征，通过设置该属性，jQuery Mobile就可以很快地定位到指定的元素，并对内容进行相应的处理。
data-role参数表：
page : 页面容器，其内部的mobile元素将会继承这个容器上所设置的属性
header : 页面标题容器，这个容器内部可以包含文字、返回按钮、功能按钮等元素
footer : 页面页脚容器，这个容器内部也可以包含文字、返回按钮、功能按钮等元素
content : 页面内容容器，这是一个很宽容的容器，内部可以包含标准的html元素和jQueryMobile元素
controlgroup : 将几个元素设置成一组，一般是几个相同的元素类型
fieldcontain : 区域包裹容器，用增加边距和分割线的方式将容器内的元素和容器外的元素明显分隔
navbar : 功能导航容器，通俗的讲就是工具条
listview : 列表展示容器，类似手机中联系人列表的展示方式
list-divider : 列表展示容器的表头，用来展示一组列表的标题，内部不可包含链接
button : 按钮，将链接和普通按钮的样式设置成为jQueryMobile的风格
none ： 阻止框架对元素进行渲染，使元素以html原生的状态显示，主要用于form元素。
转载时请注明出处及相应链接，本文永久地址：.html
微信打赏
支付宝打赏
感谢您对作者Eva的打赏，我们会更加努力！ 如果您想成为作者，请点我