Глобальный HTML-атрибут contenteditable, определение и примеры
Меню
Веб-разработка

Атрибут contenteditable HTML

Атрибут contenteditable

Атрибут HTML contenteditable используется для указания того, является ли содержимое элемента редактируемым.


Атрибут contenteditable - синтаксис и код

Пример редактируемого параграфа:

<!DOCTYPE html>
<html>
<body>
<p contenteditable="true">Это параграф. Его можно редактировать. Попробуйте изменить этот текст.</p>
</body>
</html>

Это параграф. Его можно редактировать. Попробуйте изменить этот текст.

Синтаксис

<element contenteditable="true|false">

Определение и использование

  • Атрибут contenteditable указывает, является ли содержимое элемента редактируемым или нет;
  • Вы можете использовать этот атрибут для любого элемента HTML. Он является частью глобальных атрибутов;
  • Атрибут contenteditable не влияет на отключенные элементы.
Примечание: атрибут contenteditable может иметь два значения: true (содержимое редактируемое) или false (содержимое нередактируемое). Если этот атрибут не установлен для элемента, элемент унаследует его, если его непосредственный родительский элемент редактируемый.

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

Chrome ✅ Поддерживает
Edge ✅ Поддерживает
Firefox ✅ Поддерживает
Safari ✅ Поддерживает
Opera ✅ Поддерживает

Значения атрибутов

Значение Описание
true

Указывает, что элемент можно редактировать

false

Указывает, что элемент не подлежит редактированию


Связанные страницы

Руководство по HTML: атрибуты HTML


Полный список всех доступных глобальных атрибутов HTML см. в Справочнике - Глобальные атрибуты HTML.

Поделиться ссылкой