Open In App

HTML | DOM Input Range type Property

Improve
Improve
Like Article
Like
Save
Share
Report

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


Last Updated : 30 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads