Latest web development tutorials
 

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 part of the Global Attributes, 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>
Try it Yourself »

Browser Support

Attribute
hidden 6.0 11.0 4.0 5.1  11.1