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