contenteditable

**contenteditable** 全局属性 是一个枚举属性，指示元素是否应该由用户编辑。如果是，则浏览器会修改其窗口小部件以允许编辑。

试试看

值

该属性必须采用以下值之一

  • true 或空字符串，表示元素可编辑。
  • false，表示元素不可编辑。
  • plaintext-only，表示元素的原始文本可编辑，但禁用富文本格式。

如果该属性在没有值的情况下给出，例如 <label contenteditable>Example Label</label>，则其值被视为空字符串。

如果此属性缺失或其值无效，则其值将从其父元素继承：因此，如果其父元素可编辑，则该元素可编辑。

请注意，尽管其允许的值包括 true 和 false，但此属性是枚举属性，而不是布尔属性。

您可以使用 CSS caret-color 属性设置用于绘制文本插入插入点的颜色。

使用contenteditable属性使元素可编辑，从而使其具有交互性，这些元素可以获得焦点。它们参与顺序键盘导航。但是，默认情况下，嵌套在其他contenteditable元素内的具有contenteditable属性的元素不会添加到选项卡顺序中。您可以通过指定tabindex值（tabindex="0"）将嵌套的contenteditable元素添加到键盘导航顺序中。

规范

规范
HTML 标准
# attr-contenteditable

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅