inert HTML атрибут - неінтерактивний вміст
Глобальний атрибут inert робить елемент та його нащадків неінтерактивними, виключаючи їх з дерева доступності та фокусування.
Атрибут inert є булевим атрибутом. Коли він присутній, елемент та його нащадки (за винятком деяких елементів, таких як модальні діалоги) стають інертними. Інертний елемент не є інтерактивним, що означає, що на нього не можна клікнути, сфокусуватися або виділити. Браузери також повинні ігнорувати інертні елементи для пошуку на сторінці та не надавати їх API доступності.
Цей атрибут корисний для візуального приховування вмісту, наприклад, екрану завантаження, що перекриває форму, щоб запобігти взаємодії користувача з прихованим вмістом. Рекомендується надавати візуальні підказки, коли вміст є інертним, щоб уникнути плутанини користувачів.
Синтаксис
<div inert>...</div>Приклади використання
<div style="border: 1px solid #ccc; padding: 10px;">
<button>Активна кнопка</button>
<input type="text" value="Активне поле">
</div><br>
<div inert style="border: 1px solid #ccc; padding: 10px; background-color: #f0f0f0;">
<button>Інертна кнопка</button>
<input type="text" value="Інертне поле">
<p>Цей вміст інертний і не може бути взаємодіє.</p>
</div>Підтримка браузерів
inert | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
ignores_find_in_page |