HTML5的contenteditable属性是什么

本篇文章为大家展示了HTML5的contenteditable属性是什么，代码简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

背景

今天在项目开发过程中通过接口拿到了第三方返回的dom节点，结果发现展示到页面上会出现编辑框，然后查看了代码发现该标签内添加了contenteditable = true属性，由于之前没有用到过这个属性，遂上网查了一下。

学习

• 定义：contenteditable属性规定是否可编辑元素的内容。

• 语法：

  <element contenteditable="value">注：value的取值有三种，true（可编辑）、false（不可编辑）、classname（继承父元素的 contenteditable 属性）

• 实例：

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

• 兼容性：基本兼容所有浏览器。

上述内容就是HTML5的contenteditable属性是什么，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。