What is 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

What is HTML accesskey Attribute	HTML Global Attributes
What is HTML class Attribute	HTML Global Attributes
What is HTML contenteditable Attribute	HTML Global Attributes
What is HTML data-* Attributes	HTML Global Attributes
What is HTML dir Attribute	HTML Global Attributes
What is HTML draggable Attribute	HTML Global Attributes
What is HTML enterkeyhint Attribute	HTML Global Attributes
What is HTML hidden Attribute	HTML Global Attributes
What is HTML id Attribute	HTML Global Attributes
What is HTML inert Attribute	HTML Global Attributes
What is HTML inputmode Attribute	HTML Global Attributes
What is HTML lang Attribute	HTML Global Attributes
What is HTML popover Attribute	HTML Global Attributes
What is HTML spellcheck Attribute	HTML Global Attributes
What is HTML style Attribute	HTML Global Attributes
What is HTML tabindex Attribute	HTML Global Attributes
What is HTML title Attribute	HTML Global Attributes
What is HTML translate Attribute	HTML Global Attributes
What are the HTML Global Attributes	HTML Global Attributes

Single Articles

How to Disable a section with the inert attribute

HTML Global Attributes

Read Full:	HTML Global Attributes
Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Global Attributes
Uploaded by:	Admin
Views:	28

Reffered: https://www.w3schools.com/tags/att_global_inert.asp