Атрибут contenteditable

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

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

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

Пример

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

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

Результат:

Пример

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

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

Результат:

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