Атрибут contenteditable позволяет разрешить пользователю редактировать текст элемента: удалять текст, вводить новый, использовать буфер обмена и операции отмены.
Атрибут contenteditable обладает фиксированным набором значений, он может быть пустой строкой, true или false. Пустая строка или true обозначают, что элемент доступен для редактирования. false обозначает, что элемент недоступен для редактирования. Есть еще третье состояние — inherit, это значение атрибута по умолчанию и оно означает, что значение наследуется от родительского элемента.
<element contenteditable = true | false>Например,
<label contenteditable="true">Этот текст можно изменить</label>. Вместо true допустимо указывать не только пустую строку (contenteditable=""), но и просто указать атрибут (contenteditable).
Изменения не сохраняются в исходном html файле, чтобы правка как-то повлияла, нужно использовать JavaScript.
С помощью свойства CSS caret-color можно задавать цвет указателя места вставки (маркер, указывающий место вставки следующего символа).
| Базовая поддержка | 4 | 12 | 4 | 6 | 9.2 | 4 |
|---|
| Базовая поддержка | 3 | да | да | 4 | 10 | 4 | да |
|---|