在HTML5新增了一个新的概念是“全局属性”。全局变量是指可以对任何元素都可以使用的属性。

在这里也跟介绍几个:

1、contentEditable属性

该属性的主要功能是允许用户可以编译元素中的内容,所以该元素必须是可以获取焦点的元素(可以在点击鼠标后,可以提供出一个插入符号,提示该元素中的内容是允许编辑)。

contentEditable是一个布尔的属性值,可以被指定为true或是false。除此之外该属性还有一个隐藏的inhert(继承)状态,属性为true时,该元素是可以编辑的;为false时,意味着不可以编辑。未指定true和false时,则有inherit状态来决定,如果元素的父元素是可以编辑的,那么该元素是可以编译的。

还存在一个isContentEditable属性。意义是一样的。

<!DOCTYPE HTML>

<head>

<meta charset="utf-8">

<title>contentEditable实例</title>

</head>

<ul contentEditable=true>

<li>可编辑元素一</li>

<li>可编辑元素二</li>

<li>可编辑元素三</li>

</ul>

这里给一下支持这个属性的元素:

defaults,A,ABBR,ACRONYM,ADDRESS,B,BDO,BIG,BLOCKQUOTE,BODY,BUTTON,CENTER,CITE,CODE,CUSTOM,DD,DEL,DFN,DIR,DIV,DL,DT,EM,FIELDSET,FONT,FORM,hn,I,INPUT type=button,INPUT type=password,INPUT TYPE=radio,INPUT TYPE=reset,input type=submit,input type=text,INS,ISINDEX,KBD,LABEL.

现在只是可以编辑元素,但是如何保存还不知道?一个问题继续跟进。

 2、designMode属性

designMode属性用来指定整个页面是否可以编辑,当页面可编辑时,页面中任何支持contentEditable属性的元素都变成了可以编辑状态。designMode属性只能在javascript脚本里被编辑修改。该属性有两个值--on和off。

designMode这个是document的属性,意思是设这或获取表明文档是否可被编辑的值。

3、hidden 属性

在HTML5中,所有的元素都被允许使用一个hidden元素,意思是告诉浏览器不渲染该元素,使该元素处于不可见状态。但是该元素的内容还是被浏览器创建的,也就是说页面装载后允许使用javascript脚本将该属性取消,取消后该元素变为了可见状态,同时元素中的内容也随时显示出来。hidden也是一个boolean值,为true意味着不可见。

4、spellcheck属性

Spellcheck是html针对input和textarea这两个文本输入框提供的一个新属性,它的功能为对用书输入的文本内容进行拼写和语法检查。spellcheck属性是一个boolean值。

<input spellcheck=true></input>

<textarea spellcheck=false></textarea>

需要注意的一点是如果元素的readOnly属性或disabled属性设为true,则不执行编写检查。