Open In App

HTML | DOM Input Hidden form Property

Last Updated : 30 Aug, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

The Input Hidden form property is used to return the reference of the form containing the Input Hidden field. It is read-only Property that returns a form object on success. 
Syntax: 
 

hiddenObject.form

Return Values: It returns a string value which specify the reference of the form containing the Input Hidden field

Below Program that illustrates the Input Hidden form property. 
Example-1: 
 

html




<!DOCTYPE html>
<html>
 
<body>
    <center>
        <h1 style="color:green;">
          GeeksForGeeks
      </h1>
       
        <h2>DOM Input Hidden form Property </h2>
        <form id="myGeeks">
            <input type="hidden"
                   id="GFG">
        </form>
 
        <button onclick="myGeeks()">
          Submit
      </button>
 
        <p id="sudo"
           style="color:green;font-size:35px;">
      </p>
 
 
 
        <script>
            function myGeeks() {
                var x =
                document.getElementById(
                  "GFG").form.id;
                document.getElementById(
                  "sudo").innerHTML = x;
            }
        </script>
  </center>
 
</body>
 
</html>


Output: 
Before Clicking On Button: 

 

After Clicking On Button: 
 

Supported Browsers: The browser supported by DOM input Hidden form Property are listed below: 
 

  • Google Chrome 1
  • Edge 12
  • Firefox 1
  • Opera 2
  • Safari 1

 



Next Article
Article Tags :

Similar Reads