HTML5全局属性

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

HTML5——全局属性
在HTML5中,新增了一个“全局属性”的概念。

所谓全局属性,是指可以对任何元素都可以使用的元素
1.contentEditable
该元素的主要功能是允许用户编辑元素中的内容。

该元素可以获得鼠标焦点的元素,而且在点击鼠标后向用户提供一个插入符号,提示用户该元素的内容允许编辑。

是个boolean值。

该元素还有一个隐藏的inherit 状态,属性为true时,元素被指定为允许编辑,属性为false时,元素不被允许编辑。

示例代码:
<h>可编辑列表</h2>
<ul contentEditable="true">
<li>列表一</li>
<li>列表二</li>
</ul>
2.designMode
该属性用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持
contentEditable 的元素都变成可编辑状态。

该属性只能在JavaScript脚本中编辑修改。

该属性有两个值——“on” 与“off” 。

属性为“on”时,页面可编辑;为“off”时,页面不可编辑。

js的使用方法:
document.designMode="on";
3.hidden
所有元素都允许使用该属性。

该元素类似于input 元素中的hidden 元素,功能是通知浏览器不渲染该元素,是该元素处于不可近状态。

4.spellcheck
该属性是HTML5针对input 元素(type=text)与textarea 这两个文本输入框提供的一个新属性。

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

是个boolean 。

在书写的时必须明确声明属性值为true 或false
如果一个元素的readOnly 属性或disable 属性为true是,则不执行拼写检查。

示例代码:
<input type=text spellcheck=false />
<textarea spellcheck="true"></textarea>
5.tabindex
该属性是开发中的一个基本概念,当不但敲击Tab 键让窗口或页面中的控件获得焦急,对窗口或页面中的所有控件进行遍历的时候,每一个控件的tabindex表示该控件是第几个访问到。

tabindex 的值为负数后,仍然可以通过编程的方式让元素获得焦点,但按下T ab 键时该元素就不能获得焦点了,这在复杂的页面中或复杂的Web应用程序是十分有用的。

在HTML4中-1是一个无用的属性值,但到了HTML5中,通过巧妙的运用让该属性得到了极大的应用。

相关文档
最新文档