contentEditable属性设置是否可编辑元素的内容
在HTML5中在标签新添加了一个属性contentEditable可以设置标签内的内容是否可以编辑:
设置contenteditable="true"标签内的元素(内容)可以编辑
1 <!DOCTYPE HTML> 2 <html> 3 <body> 4 5 <div contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</div> 6 <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> 7 8 <ul> 9 <li contenteditable="true"> 10 <p >这是一段可编辑的段落。请试着编辑该文本。</p> 11 </li> 12 </ul> 13 14 </body> 15 </html>
如果不设置contenteditable的值默认为false,不可以编辑的元素。
更详细介绍:http://www.w3school.com.cn/html5/att_global_contenteditable.asp
测试地址地址:http://www.w3school.com.cn/tiy/t.asp?f=html5_global_contenteditable