HTML5 全局属性和其他
来源:HTML5全局属性文章汇总 2017-09-22全局属性:是指可以对任何元素使用的属性。
contentEditable属性:主要功能是允许用户编辑元素中的内容,所以该元素必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素中的内容允许编辑。
contentEditablee属性是一个布尔值属性,可以被指定为true或false.除此之外,该属性还有个隐藏的inherit(继承)状态,属性为true时,元素被指定为允许编辑,属性为false时,元素被指定为不允许编辑,未指定true或false时,则由inherit状态来决定,如果元素的父元素是可编辑的,则该元素就是可编辑的。
designMode 属性 用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持上文所述的contentEditable属性的元素都变成了可编辑状态。designMode属性只能在javascript脚本里被编辑修改。该属性有2个值---”on” 与 "off" .属性被指定为"on" 时,页面可编辑,被指定为"off"时,页面不可编辑。
hidden属性 在html5中 所有的元素都允许使用一个hidden属性,该属性类似于input元素中的一个hidden元素,功能是通知浏览器不渲染该元素,使该元素处于不可见状态,但是元素中的内容还是浏览器创建的,也就是说页面装载后允许使用javascript脚本将该属性取消,取消后该元素变为可见状态,同时元素中的内容也即时显示出来.hidden属性是一个布尔值的属性,当设为true时,元素处于不可见状态,当设为false时,元素处于可见状态。
spellcheck属性
spellcheck 属性是html5元素(input)与textaera这两个文本输入框提供的一个新属性,它的功能为针对用户输入的文本内容进行拼写和语法检查,spellcheck属性是一个布尔值的属性,具有true或false两种值,但是它在书写时有一个特殊的地方,就是必须明确声明属性值为true或false
eg: <textarea spellcheck ="true">
<input type="text" spellcheck="false">
用表格的形式展现为:
属性 | 描述 |
---|---|
accesskey | 规定访问元素的键盘快捷键 |
class | 规定元素的类名(用于规定样式表中的类)。 |
contenteditable | 规定是否允许用户编辑内容。 |
contextmenu | 规定元素的上下文菜单。 |
dir | 规定元素中内容的文本方向。 |
draggable | 规定是否允许用户拖动元素。 |
dropzone | 规定当被拖动的项目/数据被拖放到元素中时会发生什么。 |
hidden | 规定该元素是无关的。被隐藏的元素不会显示。 |
id | 规定元素的唯一 ID。 |
lang | 规定元素中内容的语言代码。 |
spellcheck | 规定是否必须对元素进行拼写或语法检查。 |
style | 规定元素的行内样式。 |
tabindex | 规定元素的 tab 键控制次序。 |
title | 规定有关元素的额外信息。 |