Атрибут contenteditable
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 6.0+ | 4.0+ | 9.2+ | 4.0+ | 4.0+ | 3.0+ | 1.0+ |
Спецификация
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Сообщает, что элемент доступен для редактирования пользователем — можно удалять текст и вводить новый. Также работают стандартные команды вроде отмены, вставки текста из буфера и др.
Синтаксис
contenteditable="true | false"Значения
- true
- Включает режим редактирования.
- false
- Запрещает редактирование элемента.
Вместо true допустимо указывать пустое значение (contenteditable="") или вообще его не писать (contenteditable).
Значение по умолчанию
По умолчанию наследует значение родителя.
Применяется к тегам
<a>, <abbr>, <address>, <area>, <b>, <basefont>, <bdo>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <col>, <colgroup>, <dd>, <del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <iframe>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <menu>, <ol>, <option>, <p>, <pre>, <q>, <samp>, <select>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <ul>, <var>
Пример
HTML5IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>contenteditable</title>
</head>
<body>
<h1 contenteditable="true">Тортуга</h1>
<p contenteditable="true">А вслед за этим на Тортуге наступили
дни кипучей деятельности: суда оснащались в дальний поход,
заготавливалось мясо и другие продукты, грузились различные
запасы, необходимые для военных действий.</p>
</body>
</html>
