HTML Hidden Attribute

Definition and Usage

hidden attribute is a boolean attribute.

If this attribute is set, it specifies that the element is still or no longer relevant.

The browser should not display the elements specified hidden elements with the attribute.

hidden attribute can also be used to prevent users from viewing the element until certain conditions are met (such as selecting a checkbox). Then, JavaScript can delete hidden attribute to make this element visible.

See Also:

HTML Tutorial:HTML attributes

CSS Tutorial:CSS Layout - display attribute

CSS Reference Manual:CSS display attribute

CSS Reference Manual:CSS visibility attribute

Example

A hidden paragraph:

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

Try It Yourself

Syntax

<element hidden>

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 11.0 4.0 5.1 11.1