HTML | DOM Input Range form Property
The DOM Input Range form Property in HTML DOM is used to return the reference of form containing the input range field. It is a read-only property that returns the form object on success.
Syntax:
rangeObject.form
Example: This example illustrates that how to return Input range form property.
<!DOCTYPE html> < html > < head > < title > HTML DOM Input Range form Property </ title > </ head > < style > #Geek_p { font-size: 30px; color: green; } </ style > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < h2 >DOM Input Range form property </ h2 > < form id = "geeks" > < input name = G eek_range type = "range" id = "Geek_Range" value = "90" > </ form > < br > < br > < button onclick = "myGeeks()" > Click Here </ button > < p id = "Geek_p" ></ p > < script > function myGeeks() { // Return the form id. var x = document.getElementById( "Geek_Range").form.id; document.getElementById( "Geek_p").innerHTML = x; } </ script > </ body > </ html > |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input range form Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari