HTML | DOM Input Range type Property

HTML | DOM Input Range type Property

Last Updated : 30 Aug, 2022

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

HTML | DOM Input Range type Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML | DOM Input Range step Property

The DOM Input Range step Property in HTML DOM is used to set or return the value of the step attribute of the slider control. The step attribute is used to specify the size of space between two values. This attribute can be used with both min and max to create a range of values. Syntax: It returns t

HTML | DOM Input Range value Property

The DOM Input Range value Property in HTML DOM is used to set or return the value of the slider control or input range field. The attribute specifies the default value or the user type value. Syntax: It returns the value property.rangeObject.valueIt is used to set the value property.rangeObject.valu

HTML DOM Input Text type Property

The Input Text type Property in HTML DOM is used to return the type of form element of the text field. It always returns the text for an Input text field. Syntax:Â textObject.typeReturn Value: It returns a string value that represents the type of form element the input text field is. Below program i

HTML | DOM Input Range min Property

The Input Range min Property in HTML DOM is used to set or return the value of min attribute of the slider control. The min attribute is used to specify the minimum value of slider control. Syntax: It returns the Input Range min Property:rangeObject.minIt is used to set Input Range min Property:rang

HTML | DOM Input Range max Property

The Input Range max Property in HTML DOM is used to set or return the value of max attribute of the slider control. The max attribute is used to specify the maximum value of slider control. Syntax: It returns the Input Range max Property:rangeObject.maxIt is used to set Input Range max Property:rang