contentEditable属性设置是否可编辑元素的内容

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