Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

HTML hidden Attribute


Example

A hidden paragraph:

<p hidden>This paragraph should be hidden.</p>
Try it Yourself »

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.


Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Attribute
hidden 6.0 11.0 4.0 5.1  11.1

Syntax

<element hidden>

Related Pages

HTML Tutorial: HTML Attributes

CSS Tutorial: CSS Display and Visibility

CSS Reference: CSS display Property

CSS Reference: CSS visibility Property