Универсальный атрибут contenteditable

Универсальные атрибуты accesskey class contenteditable contextmenu data-* dir draggable dropzone hidden id itemid itemprop itemref itemscope itemtype lang spellcheck style tabindex title

Описание

Сообщает, что элемент доступен для редактирования пользователем — можно удалять текст и вводить новый. Также работают стандартные команды вроде отмены, вставки текста из буфера и др.

Синтаксис

contenteditable="true | false"

Значения

true: Включает режим редактирования.
false: Запрещает редактирование элемента.

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

Значение по умолчанию

По умолчанию наследует значение родителя.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>contenteditable</title>
 </head>
 <body>
  <h1 contenteditable="true">Тортуга</h1>
  <p contenteditable="true">А вслед за этим на Тортуге наступили
  дни кипучей деятельности: суда оснащались в дальний поход,
  заготавливалось мясо и другие продукты, грузились различные
  запасы, необходимые для военных действий.</p>
 </body>
</html>

Браузеры: Настольные Мобильные ?

Internet Explorer	Chrome	Opera	Safari	Firefox
6	4	9.2	4	4

Android	Firefox Mobile	Opera Mobile	Safari Mobile
3	4	10	4

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.