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和火狐暂不支持这个属性

 

posted @ 2017-03-18 16:00  师然  阅读(183)  评论(0编辑  收藏  举报