Skip to content
Related Articles

Related Articles

HTML | DOM Button form Property
  • Last Updated : 18 Jul, 2019
GeeksforGeeks - Summer Carnival Banner

The Button form property in HTML DOM is used to return the reference of the form containing the button. It is a read-only property and returns the form object on success.

Syntax:

buttonObject.form

Return Value: It returns a reference to the form element containing the button. It returns NULL if the button is not in the form.

Example: This example shows the working of the Button form property:




<!DOCTYPE html> 
<html
  
<head
    <title
        HTML DOM Button form Property 
    </title
</head
  
<body
    <h1 style = "color:green">GeeksforGeeks</h1
      
    <h2>DOM Button form Property</h2
      
    <form id="users"
        <button onclick = "myGeeks()" id ="btn" type="button"
            Get form ID 
        </button
    </form
      
    <p id = "GFG"></p
      
    <!-- Script to get the form ID -->
    <script
        function myGeeks() { 
            var x = document.getElementById("btn").form.id;
            document.getElementById("GFG").innerHTML = x;
        
    </script
</body
  
</html>                    

Output:

  • Before clicking the button:
  • After clicking the button:

Supported Browsers: The browser supported by HTML DOM Button form Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Mozilla Firefox
  • Safari
  • Opera

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :