Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY CYBERSECURITY DATA SCIENCE
     ❯   

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