HTML | DOM Button form Property
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:
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
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
