HTML5的contenteditable属性解析

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

背景

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

学习

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

• 语法：

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

• 实例：

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

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

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

相关推荐：

CSS的变量VARiable的解析

CSS的positon属性的分析

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

以上就是HTML5的contenteditable属性解析的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！