Skip to content
Related Articles

Related Articles

HTML | <input> Hidden attribute

Improve Article
Save Article
  • Last Updated : 21 Jun, 2022
Improve Article
Save Article

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
My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!