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

Глобальный атрибут inert позволяет отключить взаимодействие с элементом и его потомками.

Для элемента c установленным атрибутом inert характерны следующие ограничения:

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

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

Синтаксис

<элемент inert>

Значения

У этого атрибута нет значений.

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

Нет.

Пример

<div inert>
  <p>Какой-то текст.</p>
  <form>
    <p><input name="text" placeholder="Введите своё имя"></p>
    <p><button>Отправить</button></p>
  </form>
</div>

Результат

Какой-то текст.