Перейти к содержимому

Атрибут contenteditable в HTML

Атрибут contenteditable в HTML используется для указания, можно ли редактировать содержимое элемента.

Этот атрибут можно использовать с любым HTML-элементом. Он входит в состав Глобальных атрибутов.

Атрибут contenteditable принимает значения true, false или inherit. Пустая строка ("") также допустима и ведёт себя так же, как true. Если атрибут опущен, элемент наследует значение от своего родителя.

DANGER

Атрибут contenteditable не влияет на отключённые элементы.

Синтаксис

Синтаксис атрибута contenteditable в HTML

html
<tag contenteditable="true|false">&lt;/tag&gt;

Пример использования атрибута contenteditable в HTML:

Пример атрибута "contenteditable" в HTML

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p contenteditable="false">
      This is a paragraph. It is not editable.
    </p>
    <p contenteditable="true">
      This is a paragraph. It is editable. Try to change this text.
    </p>
  </body>
</html>

Практика

Какие из следующих утверждений верны относительно атрибута contenteditable в HTML?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.