Атрибут contenteditable позволяет сделать любой элемент страницы редактируемым через браузер.

Значение true включает редактирование, а false - отключает. Вместо true можно указывать пустое значение (contenteditable="") или вообще его не писать (contenteditable).

Если атрибут отсутствует, то текст, конечно же, редактировать нельзя (того же самого мы достигнем, если напишем contenteditable="false").

Не следует думать, что после редактирования изменения на странице куда-нибудь сохранятся. Это следует реализовывать самостоятельно через JavaScript.

Примеры

Пример

В данном примере текст абзаца можно редактировать через браузер (просто нажмите мышкой на него и начните писать):

<p contenteditable>
	Текст данного абзаца можно редактировать через браузер.
</p>

Результат выполнения кода:

Текст данного абзаца можно редактировать через браузер.

Пример

Сейчас редактирование текста отключено (для этого можно было атрибут contenteditable не писать совсем):

<p contenteditable="false">
	Текст данного абзаца нельзя редактировать через браузер.
</p>

Результат выполнения кода:

Текст данного абзаца нельзя редактировать через браузер.