Html5新增元素之大局属性

2013-01-01

Html5新增元素之全局属性本节简单介绍HTML5全局属性的内容，全局的概念，顾名思义就是作用域为任何元素。①con

Html5新增元素之全局属性
本节简单介绍HTML5全局属性的内容，全局的概念，顾名思义就是作用域为任何元素。
①contentEditable属性
该属性可以允许被作用的元素的值发生修改，处于可编辑状态，相当于变成了成输入控件，应用的范围应该还是蛮广的。
本属性有true和false两种值，可以写代码测试一下

  <body>    <a contentEditable="true">a tag</a></br>    <div contentEditable="false">div tag</div>    <ul contentEditable="true">     <li>li1</li>     <li>li2</li>   </ul>  </body>

contentEditable="true"的元素鼠标点上去可获得光标，内容可编辑修改，如下图：

标签a的内容可以编辑修改，而div的内容不可修改。修改后的呢iron想要保存的话可以取得元素的innerHTML提交。这个在一般的信息修改上面还是蛮方便使用的。
②spellcheck属性
针对text和textarea新增的属性，对输入进行拼写和语法检查，是个布尔值，不过目前我机子上效果么有试出来。

<input type="text" spellcheck="true"/><textarea spellcheck="true"></textarea>

此外还有draggable，hidden，dropzone等，以后碰到再做介绍。

热点排行

CSS

Html5新增元素之大局属性