欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML5新增了哪些通用属性?

程序员文章站 2022-03-13 14:35:47
1. contenteditable html 5 为大部分html元素都增加了 contenteditable 属性,如果将该属性设置为true,那么将会允许开发者直接编辑该html元素里的内容,...

1. contenteditable

html 5 为大部分html元素都增加了 contenteditable 属性,如果将该属性设置为true,那么将会允许开发者直接编辑该html元素里的内容,如table、p等。

contenteditable属性具有“可继承”的特点:如果一个html元素的父元素是“可编辑”的,那么它默认也是可编辑的,除非是显式指定contenteditable=“false”。

html 5 为允许设置contenteditable属性的元素提供了iscontenteditable属性,当该元素处于可编辑状态时,该属性返回true;否则返回false。

当用户编辑完成以后,用户编辑的内容就会直接显示在该页面中(不要刷新页面,一旦刷新页面就会重新加载,编辑的内容就会丢失),开发者可以通过该元素的innerhtml属性来的编辑后的内容。

2. designmode

designmode属性相当于一个全局的contenteditable属性,如果把整个页面的designmode属性设置为on时,该页面上所有可支持的contenteditable属性的元素都变成可编辑状态;designmode属性默认为off。
javascript代码中只能修改整个html页面的designmode属性。例如使用如下代码可以打开html页面的designmode属性。

document.designmode="on"

3.hidden

html 5 为所有元素都提供了一个hidden属性,这个hidden属性支持true、false两个属性值,一旦把某个html元素的hidden设为true,就意味着通知浏览器不显示该,浏览器也不会保留该组件所占用的空间。

设置hidden=”true”相当于css里设置display:none。

4.spellcheck

html为input、textera等元素增加了spellcheck属性。该属性可支持true、false两个属性,如果设置spellcheck=”true”,浏览器将会负责对用户输入的文本内容执行输入检查,如果检查不通过,浏览器会对拼错的单词进行提示。

支持spellcheck属性的浏览器有chrome、opera和safari。