HTML5新增的通用属性
2014-11-16 23:40
218 查看
1、contentEditable属性
html5为大部分html元素都增加了contentEditable属性,如果将该元素属性设为true,那么浏览器将会允许开发者直接编辑该元素里的内容。此处的HTML元素并不是指那些原本允许用户输入的表单元素,如文本框、文本域之类的,而是可以把<table.../>、<div.../>等元素变成可编辑状态。
contentEditable属性具有“可继承性”的特点:如果一个HTML元素的父元素是“可编辑”的,那么它默认也是可编辑的,除非显示指定contentEditable="false"。
2、designMode属性
designMode属性相当于一个全局contentEditable属性,如果把整个页面的designMode属性设为on时,该页面所有可支持contentEditable属性的元素都变成可编辑状态;designMode属性设为off.
在javascript代码中只能修改整个HTML页面的designMode属性。
3、hidden属性
html5为所有的元素都提供了hidden属性,这个hidden属性支持true、false两个属性值,一旦把某个HTML元素的hidden设为true,就以为着通知浏览器不显示该组件,浏览器也不会保留该组件所占用的空间。
4、spellcheck属性
HTML为<input.../>、<textarea.../>等元素增加了spellcheck属性。该属性可支持true、false两个属性值,如果设置spellcheck="true",浏览器将会负责对用户输入的文本内容执行输入检查,如果检查不通过,浏览器会对拼错的单词进行提示.
html5为大部分html元素都增加了contentEditable属性,如果将该元素属性设为true,那么浏览器将会允许开发者直接编辑该元素里的内容。此处的HTML元素并不是指那些原本允许用户输入的表单元素,如文本框、文本域之类的,而是可以把<table.../>、<div.../>等元素变成可编辑状态。
contentEditable属性具有“可继承性”的特点:如果一个HTML元素的父元素是“可编辑”的,那么它默认也是可编辑的,除非显示指定contentEditable="false"。
2、designMode属性
designMode属性相当于一个全局contentEditable属性,如果把整个页面的designMode属性设为on时,该页面所有可支持contentEditable属性的元素都变成可编辑状态;designMode属性设为off.
在javascript代码中只能修改整个HTML页面的designMode属性。
3、hidden属性
html5为所有的元素都提供了hidden属性,这个hidden属性支持true、false两个属性值,一旦把某个HTML元素的hidden设为true,就以为着通知浏览器不显示该组件,浏览器也不会保留该组件所占用的空间。
4、spellcheck属性
HTML为<input.../>、<textarea.../>等元素增加了spellcheck属性。该属性可支持true、false两个属性值,如果设置spellcheck="true",浏览器将会负责对用户输入的文本内容执行输入检查,如果检查不通过,浏览器会对拼错的单词进行提示.
相关文章推荐
- html5 新增通用属性
- 疯狂html5讲义(二):HTML5简的常用元素与属性(二):html5新增的通用属性
- HTML5新增的通用属性
- HTML5简的常用元素与属性(二): html5新增的通用属性
- html5中便捷的新增属性
- html5 新增表单属性
- HTML5新增元素和属性详解系列之一
- HTML5新增的表单元素和属性实例解析
- html5新增表单属性
- HTML5新增属性
- HTML5新增的标签及属性
- HTML5基础知识整理(一)—— 新增标签和属性
- HTML5表单相关新增元素和属性
- HTML5 INPUT新增属性
- HTML5新增的标签和属性归纳
- HTML5表单新增元素和属性(2)
- html5 总结-新增重要标签及属性
- HTML5新增常用属性
- HTML5--新增的标签、属性和事件