HTML | DOM Input Range form Property
Last Updated :
31 Aug, 2022
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
Return Values: It returns a string value which specify the reference of the form containing the Input range field.
Example: This example illustrates that how to return Input range form property.
html
<!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 4 and above
- Edge 12 and above
- Firefox 23 and above
- Opera 11 and above
- Safari 3.1 and above
Share your thoughts in the comments
Please Login to comment...