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...