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

时间：2023-03-08 22:24:39

在HTML5中在标签新添加了一个属性contentEditable可以设置标签内的内容是否可以编辑：

设置contenteditable="true"标签内的元素(内容)可以编辑

 <!DOCTYPE HTML>

 <html>

 <body>

 <div contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</div>

 <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

 <ul>

     <li contenteditable="true">

         <p >这是一段可编辑的段落。请试着编辑该文本。</p>

     </li>

 </ul>

 </body>

 </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

相关文章