Open In App

HTML | <input> Hidden attribute

Last Updated : 21 Jun, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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

Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads