The DOM Input Range type Property in HTML DOM is used for returning the which type of form element the slider control is. All the Browser should return “range”. whereas the Internet Explorer always returns the “text” instead of “range”.
Syntax:
rangeObject.type
Return Value: It returns a string value which represents the type of form element the slider control is.
Example 1: This Example illustrates how to return the Input range type Property.
HTML
<!DOCTYPE html><html>
<head>
<title>
HTML DOM Input range type 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 type property </h2>
<input name=G
eek_range type="range"
id="Geek_Range"
value="90">
<br>
<br>
<button onclick="myGeeks()">
Click Here
</button>
<p id="Geek_p">
</p>
<script>
function myGeeks() {
// Return type of form element that contains a Input range field.
var x =
document.getElementById(
"Geek_Range").type;
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 type Property are listed below:
- Google Chrome 4
- Edge 12
- Firefox 23
- Opera 11
- Safari 3.1