您的位置：首页 > Web前端 > HTML5

【HTML5】全局属性

2016-03-19 16:10 691 查看
新增的全局元素：

1、contenteditable属性

一段可编辑的段落：
<p [code]contenteditable="true"
>这是一个可编辑的段落。</p>[/code]
注释：如果元素未设置 contenteditable
属性，那么元素会从其父元素继承该属性。



2、spellcheck属性

进行拼写检查的可编辑段落：

可以对以下内容进行拼写检查：

input 元素中的文本值（非密码）
<textarea> 元素中的文本
可编辑元素中的文本

<input type="text" [code]spellcheck="true"
>[/code]

3、tabindex属性

tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。

几乎所有浏览器均 tabindex 属性，除了 Safari。

支持tabindex属性的元素：a，area，button，input，object，select，textarea。

<span style="font-family:SimSun;font-size:14px;"><span style="font-family:SimSun;"><!DOCTYPE html>
<html>
<body>

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br />
<a href="http://www.google.com/" tabindex="1">Google</a><br />
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

<p><b>注释：</b>请尝试使用键盘上的 "Tab" 键在链接之间进行导航。</p>

</body>
</html></span></span>



4、hidden属性

被隐藏的段落。所有主流浏览器都支持该属性，除了IE。

<span style="font-family:SimSun;font-size:14px;"><span style="font-family:SimSun;"><!DOCTYPE html>
<html>
<body>
<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>
</body>
</html></span></span>



5、designMode属性

用于设置是否把文字都变成可编辑状态。designMode属性有两个属性值：on和off。当把designMode属性设置为on时，则表示该文字是可编辑状态；当把designMode属性设置为off时，则表示该文字是不可编辑状态，该属性值为默认值。在javaScript代码中只能修改整个页面的designMode属性。



6、designMode和contenteditable的区别

1、designMode只能把document整体设置为可编辑状态，contenteditable可以把需要的任意元素设置为可编辑状态。

2、在IE上使用designMode，右键菜单没有复制粘贴，出来的是普通网页的右键菜单。

3、还有一些其他的区别，没有验证。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航