HTML5全局属性
2013-12-27 10:07
260 查看
1、contentEditable属性：该属性的主要功能是允许用户编辑元素中的内容，所以该元素必须是可以获得鼠标焦点的元素，而且在点鼠标后要向用户提供一个插入符号，
提示该用户该元素的内容允许编辑。contentEditable属性是一个布尔值属性，可以指定为true或者false。
除此之外，该属性还有个隐藏的inherit(继承)状态，属性为true时，元素被允许编辑。未指定true或者false时，则有inherit状态来决定，如果父元素可编辑，则该元素亦可编辑。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>contentEditable属性</title>
</head>
<body>
<h3>可编辑列，table中汪峰列可以编辑</h3>
<ul contentEditable="true">
<li>第1个栏目</li>
<li>第2个栏目</li>
<li>第3个栏目</li>
<li>第4个栏目</li>
</ul>
<table>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tr contentEditable="true">
<td>汪峰</td>
<td>24</td>
<td>男</td>
</tr>
<tr>
<td>章子怡</td>
<td>24</td>
<td>女</td>
</tr>
</table>
</body>
</html>
2、hidden属性：在HTML5中，所有的元素都允许使用一个hidden属性。该属性类似于input元素中的hidden元素，功能是通知浏览器不渲染该元素，该元素处于不可见状态。
但是元素中的内容浏览器还是会创建的，也就是说页面装载后允许使用JS脚本将该属性取消，取消后该元素变为可见状态，同时元素的内容也及时的显示出来。
Hidden属性是一个布尔值的属性，设为true时，元素处于不可见的状态。
3、spellcheck属性：该属性是HTML5针对input元素(type=text)与textarea这两个文本输入框提供的一个新的属性，它的功能为对用户输入的文本内容进行拼写和语法检查。
spellcheck属性是一个布尔值的属性，书写时必须申明true或false。但是如果元素有readOnly属性或者disabled属性为true，则不执行拼写检查。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>spellcheck属性的使用</title>
</head>
<body>
<h5>输入框中语法检测属性,输入不规则的内容，有下滑波浪线提示</h5>
<p>需要检测<br/>
<textarea spellcheck="true"></textarea>
</p>
<p>不需要检测<br/>
<textarea spellcheck="false"></textarea>
</p>
</body>
</html>
提示该用户该元素的内容允许编辑。contentEditable属性是一个布尔值属性，可以指定为true或者false。
除此之外，该属性还有个隐藏的inherit(继承)状态，属性为true时，元素被允许编辑。未指定true或者false时，则有inherit状态来决定，如果父元素可编辑，则该元素亦可编辑。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>contentEditable属性</title>
</head>
<body>
<h3>可编辑列，table中汪峰列可以编辑</h3>
<ul contentEditable="true">
<li>第1个栏目</li>
<li>第2个栏目</li>
<li>第3个栏目</li>
<li>第4个栏目</li>
</ul>
<table>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tr contentEditable="true">
<td>汪峰</td>
<td>24</td>
<td>男</td>
</tr>
<tr>
<td>章子怡</td>
<td>24</td>
<td>女</td>
</tr>
</table>
</body>
</html>
2、hidden属性：在HTML5中，所有的元素都允许使用一个hidden属性。该属性类似于input元素中的hidden元素，功能是通知浏览器不渲染该元素，该元素处于不可见状态。
但是元素中的内容浏览器还是会创建的，也就是说页面装载后允许使用JS脚本将该属性取消，取消后该元素变为可见状态，同时元素的内容也及时的显示出来。
Hidden属性是一个布尔值的属性，设为true时，元素处于不可见的状态。
3、spellcheck属性：该属性是HTML5针对input元素(type=text)与textarea这两个文本输入框提供的一个新的属性，它的功能为对用户输入的文本内容进行拼写和语法检查。
spellcheck属性是一个布尔值的属性，书写时必须申明true或false。但是如果元素有readOnly属性或者disabled属性为true，则不执行拼写检查。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>spellcheck属性的使用</title>
</head>
<body>
<h5>输入框中语法检测属性,输入不规则的内容，有下滑波浪线提示</h5>
<p>需要检测<br/>
<textarea spellcheck="true"></textarea>
</p>
<p>不需要检测<br/>
<textarea spellcheck="false"></textarea>
</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 服务器变量 超级全局数组$_SERVER (附加超简单表单与html5表单属性)
- 小强的HTML5移动开发之路（13）——HTML5中的全局属性
- 160106_html5_全局属性
- HTML5 全局属性和其他
- html5 实体和全局属性及其他
- HTML5 与 HTML4 的区别 - 全局属性
- HTML5 中新增的全局属性
- html5新增全局属性
- HTML5的全局属性
- html5 全局属性
- html5指南--1.html5全局属性（html5 global attributes）
- 【HTML5】全局属性
- HTML5之全局属性
- HTML5全局属性
- HTML5之全局属性
- HTML5全局属性
- HTML5全局属性
- HTML5全局属性和事件
- html5 转义实体字符 元数据 跳转 全局属性 id class lang style