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:
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:
html
<!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
- Edge 16 and above
- Internet Explorer not supported
- Mozilla Firefox
- Safari
- Opera
Please Login to comment...