Latest web development tutorials
 

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

Differences Between HTML 4.01 and HTML5

The hidden attribute is new in HTML5.


Differences Between HTML and XHTML

In XHTML, attribute minimization is forbidden, and the hidden attribute must be defined as <element hidden="hidden">.


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