Skip to content
Related Articles

Related Articles

HTML DOM Input Range list Property

Improve Article
Save Article
  • Last Updated : 30 Aug, 2022
Improve Article
Save Article

The input Range list property in HTML DOM is used to return a reference to the datalist element that contains an input range field.


Return Value: It returns a string value that represents the value of the id attribute of the datalist element.

Example: Below HTML code is used to return the input range list property.


<!DOCTYPE html>
        HTML DOM Input range list Property
        #Geek_p {
            font-size: 30px;
            color: green;
<body style="text-align:center;">
    <h1 style="color:green;">
    <h2>DOM Input Range value property</h2>
    <input name=G eek_range type="range"
        id="Geek_Range" list="rangers" value="90">
    <datalist id="rangers">
        <option value="15"/>
        <option value="20"/>
        <option value="40"/>
        <option value="30"/>
        <option value="35"/>
    <button onclick="myGeeks()">
        Click Here
    <p id="Geek_p"></p>
        function myGeeks() {
            var x =
                "Geek_p").innerHTML = x;



Supported Browsers: The browser is supported by DOM input range list 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!