Html5新增元素之大局属性
日期：2014-05-17 浏览次数：20575 次
Html5新增元素之全局属性
本节简单介绍HTML5全局属性的内容，全局的概念，顾名思义就是作用域为任何元素。
①contentEditable属性
该属性可以允许被作用的元素的值发生修改，处于可编辑状态，相当于变成了成输入控件，应用的范围应该还是蛮广的。
本属性有true和false两种值，可以写代码测试一下
contentEditable="true"的元素鼠标点上去可获得光标，内容可编辑修改，如下图：
标签a的内容可以编辑修改，而div的内容不可修改。修改后的呢iron想要保存的话可以取得元素的innerHTML提交。这个在一般的信息修改上面还是蛮方便使用的。
②spellcheck属性
针对text和textarea新增的属性，对输入进行拼写和语法检查，是个布尔值，不过目前我机子上效果么有试出来。
此外还有draggable，hidden，dropzone等，以后碰到再做介绍。
本节简单介绍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等，以后碰到再做介绍。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
