HTML DOM Input Month list Property

The input month list property in HTML DOM returns a reference to the datalist element that contains an input month field.

Syntax:

monthObject.list.id

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 month list property.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>HTML DOM Input Month list property</title>
</head>

<body style="text-align:center;">
    
    <h1>GeeksforGeeks</h1>

    <h2>HTML DOM Input Month list property</h2>
    
    <form id="formID">
        <input type="month" id="month_id" 
            list="month_list" name="geeks" 
            value="2019-03">
        <datalist id="month_list">
            <option value="15"/>
            <option value="20"/>
            <option value="40"/>
            <option value="30"/>
            <option value="35"/>
        </datalist><br><br>
    </form>

    <button onclick="myGeeks()">
        Click Here!
    </button>
    
    <p id="result"></p>

    <script>
        function myGeeks() {
            let list_id = document
                .getElementById("month_id").list.id;

            document.getElementById("result")
                .innerHTML = list_id;
        }
    </script>
</body>

</html>

Output:

month-list

Supported Browsers:

Google Chrome 20
Edge 12
Opera 11

HTML DOM Input Month list Property

Explore