Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Input Range type Property

  • Difficulty Level : Basic
  • Last Updated : 12 Mar, 2019
Geek Week

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

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :