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
