HTML5中新增的元素属性 全局属性

全局属性的概念是在HTML5中才出现的。所谓全局属性，是指可以对任何元素都使用的属性。

1.contentEditable属性

    contemEditable属性是由微软开发，被其他浏览器反编译并投入应用的一个全局属性。使用该属性可以允许用户编辑元素中的内容，并且被编辑元素必须是可以获得鼠标焦点的元素，而且在单击后要向用户提供一个插入符号，提示用户该元素中的内容允许编辑。

    contentEditable属性是一个布尔值属性，可以被指定为true或false。另外，该属性还有一个隐藏的inherut (继承）状态。当属性为true时，元素被指定为可编辑；当属性为false时，元素被指定为不允许编辑；未指定true或false时，则由inherit状态来决定。当列表元素被加上contentEditable属性后，该元素就变成可编辑的了。

    在编辑完元素中的内容之后，如果想要保存其中的内容，只需要把该元素的innerHTML发送到服 务器端进行保存即可。因为改变元素内容后，该元素的inner HTML内容也会随之改变，目前还没有特别的API用于保存编辑后元素中的内容。

2.designMode属性

designMode属性用来指走整个页面是否可编辑。当页面可编辑时，页面中任何支持上文所述的contentEditable属性的元素都变成了可编辑状态。design Mode属性只能在JavaScript脚本里被编辑修改，该属性有on和off两个值a当属性值被指定为on时，页面可编辑；被指定为off时，页面不可编辑。 针对designMode属性，各浏览器支持情况如下所示：

IE8浏览器，不支持此属性。

IE9浏览器，允许使用该属性。

Rirefox和Opera浏览器，两个浏览器都允许使用该属性。

3.hidden属性

在HTML5中，使用hidden属性可以通知浏览器不渲染input元素，使input元素处于不可见状态。 但是元素中的内容还是浏览器创建的，也就是说页面装载后允许使用JavaScript脚本将该属性取消。 取消后该元素变为可见状态，同时元素中的内容也及时显示出来。Hidden属性是一个布尔值的属性。 当属性值设置为true时，元素处于不可见状态；当值设置为false时，元素处于可见状态。

4.spellcheck属性

spellcheck属性是HTML5中针对input(type=text)和textarea这两个文本输入框提供的一个新属性，spellcheck属性能够对用户输入的文本内容进行拼写和语法检查。该属性是一个布尔值的属性，具有true和false两种值。在应用该属性时，必须明确属性值为true或false,其书写格式如下：

<!--以下写法都是正确的-->

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

<textarea spellcheck="false" name="" id="" cols="30" rows ="10"></textarea> 

<!--以下写法是错误的-->

<input type="text" spellcheck〉