Html5新增元素之全局属性

nujack · 发表于 2013-1-24 06:33:06

本节简单介绍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等，以后碰到再做介绍。

		自动登录	找回密码
密码			立即注册