Свойство HTML элемента inert отражает значение атрибута элемента inert. Это логическое значение, которое, если присутствует, определяет браузер "игнорировать" события пользовательского ввода для элемента, включая события фокуса и события вспомогательных технологий. Браузер также может игнорировать поиск страницы и выбор текста в элементе. Это может быть полезно при создании пользовательских интерфейсов, таких как модальные окна, где вы хотите "захватить" фокус внутри модального окна, когда оно видимо.
Атрибут inert - синтаксис и код
Пример кода с атрибутом inert:
<!DOCTYPE html>
<html>
<body>
<h3>Атрибут inert</h3>
<div inert>
<button onclick="alert(42)">Нажми меня</button>
<input type="text">
<a href="https://appnet.club">AppNet.club</a>
</div>
<p>Кнопка, ссылка и поле ввода выше отключены атрибутом inert.</p>
</body>
</html>
Атрибут inert
Кнопка, ссылка и поле ввода выше отключены атрибутом inert.
Синтаксис
Определение и использование
- Атрибут
inert отключает элемент и все элементы внутри;
- Элементы по-прежнему видны, но у них нет функции: кнопки и ссылки нельзя нажимать, поля ввода отключены и т. д., и они игнорируются программами чтения с экрана.
✪ Рекомендация: не вкладывайте интерактивные элементы или важный контент в элементы с атрибутом inert, инертный контент и его содержимое не могут быть сфокусированы или восприняты всеми пользователями.
Поддержка inert браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Связанные страницы
Руководство по HTML: атрибуты HTML
Полный список всех доступных глобальных атрибутов HTML см. в Справочнике - Глобальные атрибуты HTML.
