Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM Input Button form Property
  • Difficulty Level : Basic
  • Last Updated : 17 May, 2021

The DOM Input Button form Property in HTML DOM is used for returning the reference to the form containing the input Button field is. It is read only property that returns a form object on success. 
Syntax: 
 

buttonObject.form

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

Example: Below program illustrates the use of Input Button form property.

html




<!DOCTYPE html>
<html>
 
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>
      DOM Input Button form Property
  </h2>
    <form id="myGeeks">
        <!-- Assigning button id -->
        <input type="button"
               id="GFG"
               onclick="myGeeks()"
               name="Geek_button"
               value="Submit">
    </form>
    <p id="sudo"
       style="color:green;
              font-size:25px;">
  </p>
 
 
    <script>
        function myGeeks() {
 
            // accessing 'button' id.
            var g =
                document.getElementById(
                  "GFG").form.id;
           
            document.getElementById(
              "sudo").innerHTML = g;
        }
    </script>
 
</body>
 
</html>

Output: 
Before Clicking On Button: 
 



After Clicking On Button: 
 

Supported Browsers: The browsers supported by DOM input Button form property are listed below: 
 

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Opera
  • Safari

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :