HTML5的contenteditable属性解析

这篇文章主要介绍了关于HTML5的contenteditable属性解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

背景

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

学习

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

• 语法：

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

  Salin selepas log masuk

• 实例：

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

  Salin selepas log masuk

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

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

CSS的变量variable的解析

CSS的positon属性的分析

HTML5 实现访问本地文件的方法

Atas ialah kandungan terperinci HTML5的contenteditable属性解析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!