当前位置: 首页 > 网页教程

网页教程

HTML5全局属性

在网页作业制作的过程中,我们通常使用到的HTML5全局属性有以下几类:

1、contentEditable属性

功能:允许用户编辑元素中的内容。

功能说明:该元素必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素中的内容允许编辑。 

注意: contentEditable是一个布尔类型属性,因此可以将其设置为true或false。 

说明:该属性还有个隐藏的inherir(继承)状态,属性为true时,元素被指定位允许编辑;属性为false时,元素被指定为不允许编辑;未指定true或false时,则由inherir状态来决定,如果元素的父元素是可编辑的,则该元素就是可编辑的。另外,除了contentEditable属性外,元素还具有一个iscontentEditable属性,当元素可编辑时,该属性为true;当元素不可编辑时,该属性为false。

2、designMode属性 

功能:用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持上文所述的contentEditable属性的元素都变成了可编辑状态。

注意:designMode属性只能在JavaScript脚本里被编辑修改。 designMode属性的两个值:该属性有两个值——“on”与“off”。当属性被指定为“on”时,页面可编辑;被指定为“off”时,页面不可编辑。 使用JavaScript脚本来指定designMode属性的方法如下所示document.designMode=”on”。

3、hidden属性 

适用范围:在HTML5中,所有的元素都允许有一个hidden作用:hidden属性类似于aria-hidden,它告诉浏览器这个元素的内容不应该以任何方式显示。但是元素中的内容还是浏览器创建的,也就是说页面装载后允许使用JavaScript脚本将该属性取消,取消后该元素变为可见状态,同时元素中的内容也即时显示出来。

类型:Hidden属性是一个布尔值的属性,当设为true时,元素处于不可见状态;当设为false时,元素处于可见状态。

4、spellcheck属性

适用范围:spellcheck属性 是HTML5针对input元素(type=text)与textarea这两个文本输入框提供的一个新属性

功能:为对用户输入的文本内容进行拼写和语法检查。

类型:Spellcheck属性是布尔型 ,具体true和false两种值,但是它在书写时有一个特殊的地方,就是必须明确声明属性值为true或false,书写方法如下所示:<!--以下两种书写方法正确--!><textarea spellcheck="true"><input type=text spellcheck=false /><!--以下书写方法为错误--!>< textarea  spellcheck >

注意:如果元素的readOnly属性或disabled属性设为true,则不执行拼写检查。