/html/global-attributes/contenteditable:> Редактирование содержимого элемента_

Глобальный атрибут contenteditable

Синтаксис

HTML
<[элемент] contenteditable="[значение]"> ... </[элемент]>

Описание

Глобальный атрибут / параметр contenteditable (от англ. "content editable" ‒ «содержимое доступное для редактирования») устанавливает возможность изменения текстового содержимого элемента.

Примечание

Дочерние элементы так же наследуют значение данного атрибута редактируемого элемента.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Значения

true
Устанавливает возможность редактирования элемента.
false
Запрещает редактирование элемента.

Значение по умолчанию: наследуется от родительского элемента.

Примечание: написания «contenteditable="true"», «contenteditable=""» и «contenteditable» являются равносильными.


Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Глобальный параметр contenteditable</title>
<style type="text/css">
table { border-collapse: collapse; }
table td { border: 1px solid silver; }
.box {
width: 50px;
height: 25px;
background-color: #E2E2E2;
}
</style>
</head>
<body>
<h1>Пример с "contenteditable"</h1>
<!-- создаём редактируемую таблицу -->
<table>
<tbody>
<tr>
<td contenteditable="true">Текст 1... <div class="box" contenteditable="false">txt</div></td>
<td contenteditable="">Текст 2... <div class="box">txt</div></td>
<td contenteditable>Текст 3... <div class="box">txt</div></td>
</tr>
</tbody>
</table>
</body>
</html>
Глобальный параметр contenteditable