HTML contenteditable 属性 详解
HTML基础 2022-06-02 12:59:45小码哥的IT人生shichen
HTML contenteditable 属性
实例
一段可编辑的段落：
<p contenteditable="true">这是一个可编辑的段落。</p>
完整实例【亲自试一试】：
<!DOCTYPE HTML>
<html>
<body>
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器都支持 contenteditable 属性。
定义和用法
contenteditable 属性规定元素内容是否可编辑。
注释：如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性。
HTML 4.01 与 HTML5 之间的差异
contenteditable 属性是 HTML5 中的新属性。
语法
<element contenteditable="true|false">
属性值
| 值 | 描述 |
|---|---|
| true | 规定元素可编辑。 |
| false | 规定元素不可编辑。 |
