HTML inert Attribute - HTML Global Attributes

Definition and Usage

The inert attribute disables an element and all the elements inside.

The elements are still visible, but they have no function: buttons and links cannot be clicked, input fields are disabled etc., and they are ignored by screen readers.

Browser Support

Syntax

<element inert>

How to Disable a section with the inert attribute

The button, the link, and the input field above are disabled because of the inert attribute.

index.html

Example: HTML

<div inert>
  <button onclick="alert(42)">Click me</button>
  <input type="text">
  <a href="https://horje.com">Horje.com</a>
</div>

Output should be:

html inert attribute

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Global Attributes
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference