HTML DOM Input Time list Property

Last Updated : 30 Aug, 2022

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

HTML

<!DOCTYPE html>
<html>
<head>
    <title>DOM Input Time list Property</title>
</head>
<body>
    <center>
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
        <h2>DOM Input Time list Property</h2>
        <label for="uname" style="color:green">
            <b>Enter time</b>
        </label>
        <input type="time" id="gfg" list="time_list"
            placeholder="Enter time">
        <datalist id="time_list">
            <option value="09:55:32.55">
            <option value="22:15:35">
            <option value="16:00">
            <option value="12:00">
            <option value="11:00">
        </datalist><br><br>
        <br>
        <button type="button" onclick="geeks()">
            Click Here!
        </button>
        <p id="GFG" style="font-size:24px; color:green;">
        </p>
 
 
        <script>
            function geeks() {
                var link =
                    document.getElementById(
                        "gfg").list.id;
                document.getElementById(
                    "GFG").innerHTML = link;
            }
        </script>
    </center>
</body>
</html>