HTML5全局属性

最新推荐文章于 2022-07-14 17:05:32 发布

Deep_Learning

最新推荐文章于 2022-07-14 17:05:32 发布

阅读量4.1w

点赞数

分类专栏： html5和css3 文章标签： html5

本文链接：https://blog.csdn.net/yu_han_23/article/details/17605375

版权

html5和css3 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

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>