Skip to content
Related Articles

Related Articles

HTML | DOM Input Range type Property

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 30 Aug, 2022
Improve Article
Save Article

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

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!