HTML DOM Input week list Property

HTML DOM Input week list Property

Last Updated : 26 Aug, 2022

The input week list property in HTML DOM is used to return the reference to the list element that contains an input week field.

Syntax:

weekObject.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 week list property.

HTML

<!DOCTYPE html>
<html>

<head>
    <title> HTML DOM Input Week list Property</title>
</head>

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

    <h2>DOM Input Week list property</h2>

    <form id="formID">
        <input type="week" id="week_id"
            list="week_list" name="geeks" 
            value="2019-W10">
        <datalist id="week_list">
            <option value="2021-W12" />
            <option value="2022-w23" />
            <option value="1999-W14" />
            <option value="2022-w15" />
            <option value="1998-W19" />
        </datalist><br><br>
    </form>
    <br>

    <button onclick="btnclick()">
        Click Here!
    </button>

    <p id="paraID" style="font-size:20px;"></p>




    <!-- Script returns the Input week list property  -->
    <script>
        function btnclick() {
            var weeklistVar = document
                .getElementById("week_id").list.id;

            document.getElementById("paraID")
                .innerHTML = weeklistVar;
        }
    </script>
</body>

</html>

Output:

Supported Browsers:

Google Chrome 20
Edge 12
Opera 11

HTML DOM Input week list Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM Input Week min Property

The DOM Input Week min property in HTML DOM is used to set or return the value of the min attribute of a week field. The min attribute specifies the minimum value (week and year) for a week field. Syntax: It returns the min property.weekObject.minIt is used to set the min property.weekObject.min = Y

HTML DOM Input Time list Property

The input Time list property in HTML DOM is used to return a reference to the list element that contains an input Time field. Syntax: timeObject.list.idReturn 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 r

HTML | DOM Input Week max Property

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

HTML | DOM Input Week name Property

The Input Week name property in HTML DOM is used to set or return the value of the name attribute of an input week field. The name attribute is required for each input week 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: I

HTML | DOM Input Week form Property

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