HTML hidden Attribute

Definition and Usage

The hidden attribute is a boolean attribute.

When present, it specifies that an element is not yet, or is no longer, relevant.

Browsers should not display elements that have the hidden attribute specified.

The hidden attribute can also be used to keep a user from seeing an element until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript could remove the hidden attribute, and make the element visible.

Applies to

The hidden attribute is a Global Attribute, and can be used on any HTML element.

Element Attribute
All HTML elements hidden

Example

Example

A hidden paragraph:

<p hidden>This paragraph should be hidden.</p>

Browser Support

Attribute          
hidden 6.0 11.0 4.0 5.1  11.1

Comments