HTML | <input> Hidden attribute

The HTML input hidden attribute is used to define the visibility of Input field elements. It contains a boolean value. If this attribute is used then browsers will not display elements that have the hidden attribute specified. The hidden attribute can be seen using some condition or JavaScript used to see the hidden content.

Syntax:

<input hidden>

Example:

html

<!DOCTYPE html>

<html>
 
<head>

    <title>input hidden attribute</title>

    <style>

        body {

            text-align: center;

        }

        h1 {

            color: green;

        }

    </style>

</head>
 
<body>

    <h1>GeeksforGeeks</h1>

    <h2>HTML &lt;input&gt;hidden attribute</h2>
 
    <!-- hidden attribute -->

    <input type="text" hidden>
 
</body>
 
</html>

Output:

Supported Browsers: The browsers supported by <input> Hidden attribute are listed below:

Google Chrome version 1 and above
Edge version 12 and above
Firefox version 1 and above
Internet Explorer
Opera 2 and above
Safari 1 and above

Article Tags :

HTML

Web Technologies

HTML-Attributes