HTML contenteditable 属性

HTML 全局属性


实例

一段可编辑的段落:

  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>
  5. </body>
  6. </html>

浏览器支持

属性
contenteditableYesYesYesYesYes

所有主流浏览器都支持 contenteditable 属性。


定义和用法

contenteditable 属性规定元素内容是否可编辑。

注释:如果元素未设置 contenteditable 属性,那么元素会从其父元素继承该属性。

你可以使用CSS caret-color 属性设置用于绘制文本插入caret (en-US)的颜色。


HTML 4.01 与 HTML5 之间的差异

contenteditable 属性是 HTML5 中的新属性。


语法

  1. <element contenteditable="true|false">
属性值
描述
true规定元素可编辑。
false规定元素不可编辑。