html5学习笔记——html新增属性(四)
h5增加了如下属性
1、contentEditable = true|false .
这个属性是将原本不可编辑的标签变为可编辑状态,例如:<table></table>、<div></div>。不包括本来就可以编辑的标签,输入框等。
这个属性具有可继承性,父标签是可编辑的,子标签默认就是可编辑的,除非显性的设置 contentEditable=false
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>h5新增属性</title>
</head>
<body>
<div contenteditable="true">
<table border="1">
<tr>
<td>id</td>
<td>姓名</td>
</tr>
<tr>
<td>1</td>
<td>师然1</td>
</tr>
<tr>
<td>2</td>
<td>师然2</td>
</tr>
</table>
</div>
<br/>
</body>
</html>
效果如下,姓名的旁边多出一个输入光标,可以输入文字,但是一刷新就没有了:
刷新后恢复
2、designMode = on|off
如果这个属性设置为“on”,所有可支持contenteditable的元素都编程可编辑状态
3、hidden
很明显,这个是隐藏显示的意思,不多说。
4、spellcheck = true|false
很明显,这个是检查拼写,但是需要注意:IE和火狐暂不支持这个属性