HTML | DOM Input Month name Property

HTML DOM Input Month list Property

Last Updated : 29 Jan, 2024

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 name Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM Input Month min Property

The DOM Input Month min property in HTML DOM is used to set or return the value of the min attribute of a Month field. The min attribute specifies the minimum value of Month and year for a Month field. Syntax: It returns the min property.monthObject.minIt is used to set the min property.monthObject.

HTML | DOM Input Month max Property

The DOM Input Month max property in HTML DOM is used to set or return the value of the max attribute of a Month field. The max attribute specifies the maximum value (Month and year) for a Month field. Syntax: It returns the max property.monthObject.maxIt is used to set the max property.monthObject.m

HTML | DOM Input Month form Property

The Input Month form property is used for returning a reference to the form that contains the Month field. It is a read-only property. Syntax: monthObject.form Return Value: It returns a form object on success, else if the Month field is not in the form, it returns NULL. Below program illustrates th

HTML | DOM Input Month type Property

The DOM Input Month type Property is used for returning which type of form element a Month field is. Syntax: monthObject.type Return Value: It returns a string value which represent the type of form element the Month field is. Below program illustrates the Month type property: Example: Returning the

HTML | DOM Input Month name Property

The Input Month name property in HTML DOM is used to set or return the value of name attribute of a input Month field. The name attribute is required for each input Month field. If the name attribute is not specified in an input field then the data of that field would not be sent at all. Syntax: It

HTML | DOM Input Month step Property

The DOM Input Month step Property is used to set or return the value of the step attribute of a month field. The step attribute in HTML is used to set the discrete step size of the element. The default stepping value for month inputs is 1. The step attribute could be used with min and max attribute