contenteditable

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

(Mozilla / 5.0 (Windows NT 6.3, WOW64; rv: 29.0) Gecko / 20100101 Firefox / 29.0) Атрибут contenteditable global attribute - это перечисляемый атрибут, указывающий, должен ли элемент редактироваться пользователем. Если это так, браузер изменит свой виджет, чтобы разрешить редактирование. Атрибут должен принимать одно из следующих значений:

  • true или пустую строку, которое показывает, что элемент должен быть редактируемым;
  • false, которое показывает, что элемент должен быть нередактируемым.

Если атрибут не указан, то его значение наследуется от своего родительского элемента.

Этот атрибут принимает одно из определённых значений и не является булевским. Это значит, что точное использование одного из значений true, false или пустая строка обязательно и такое сокращение, как <label contenteditable>Пример метки</label> неразрешено. Верное использование — <label contenteditable="true">Пример метки</label>.

Вы можете установить цвет, используемый для вставки текста caret со свойством CSS caret-color.

Спецификации

Specification
HTML
# attr-contenteditable

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
contenteditable
contenteditable="plaintext-only"

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
In development. Supported in a pre-release version.
In development. Supported in a pre-release version.

Смотрите также