Skip to content
Related Articles

Related Articles

HTML | DOM Input Range type Property
  • Difficulty Level : Basic
  • Last Updated : 12 Mar, 2019

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 Exampleillustrates how to return the Input range type Property.




<!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.
            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
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :