HTMLcontenteditable属性

时间：2023-04-02 19:33:04 HTML

前言之前没注意contenteditable属性，今天突然看到它的用法和实际使用特意记录一下；用法为了使一个元素可编辑，你所要做的就是在html标签上设置它的“contenteditable”属性，它支持几乎所有的HTML元素。contenteditable具有以下属性："true"表示元素可编辑"false"表示元素不可编辑"inherit"（默认）表示元素继承其父元素的可编辑状态这段文字可以被用户编辑。

通过代码可以观察到，如果子元素没有设置contenteditable属性，它的默认值是从父元素继承的（默认是"inherit"attribute)

编辑此内容以添加您自己的引述

编辑此内容以添加您自己的引述-2

您可以使用css中的caret-color属性设置文本插入光标的颜色。实际使用1、div模拟textarea文本域，轻松实现高度自适应2、避免处理输入和textarea的内部样式CSSuser-modify使用css中的user-modify属性，使普通元素可读可写。/*关键字值*/user-modify：只读；（默认值）用户修改：读写；用户修改：只写；用户修改：只读写明文；（只允许输入纯文本，但兼容性差）/*全局值*/user-modify:inherit;用户修改：初始；用户修改：未设置；例如：用户可以更改此文本。

.readwrite{-moz-user-modify:read-write;-webkit-user-modify:read-write;}和contenteditable相比，user-modify的兼容性就没有那么理想了。