HTML DOM Input Tel list Property

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>

Output:

Supported Browsers:

Google Chrome 20 and above
Edge 12 and above
Firefox 57 and above
Opera 10 and above
Safari 14.1 and above

HTML DOM Input Tel list Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML DOM Input Tel list Property

The input Tel list property in HTML DOM is used to return a reference to the list element that contains an input tel field. Syntax: telObject.list.idReturn value: It returns a string value that represents the value of the id attribute of the datalist element. Example: Â Below HTML code used to return

HTML DOM Input Text list Property

The input Text list property in HTML DOM is used to return a reference to the datalist element that contains an input text field. Syntax: textObject.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 used to

HTML | DOM Input Time min Property

The DOM Input Time min Property is used to set or return the value of the min attribute of a number field. The min attribute defines the minimum time for an input Time field. Syntax: It returns the min property.timeObject.minIt is use to set the min property.timeObject.min = hh:mm:ss.ms Property val

HTML DOM Input week list Property

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 t

HTML DOM Input Range list Property

The input Range list property in HTML DOM is used to return a reference to the datalist element that contains an input range field. Syntax: rangeObject.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 u

HTML | DOM Input Time max Property

The DOM Input Time max Property in HTML DOM is used to set or return the value of the max attribute for the Time field. The max attribute specify the maximum time value allowed for the Time field. Syntax: It returns the max property.timeObject.maxIt is use to set the max property.timeObject.max = hh

HTML DOM Input URL list Property

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

HTML | DOM Input Time name Property

The DOM Input Time name Property in HTML DOM is used to set or return the value of name attribute of a Time field. The name attribute is required for each input 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 returns th

HTML DOM Input Search list Property

The input Search list property in HTML DOM is used to return a reference to the list element that contains an input search field. Syntax searchObject.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 used t

HTML | DOM Input Time form Property

The DOM Input Time form Property in HTML DOM is used for returning the reference to the form containing the time field. It is read-only Property that returns a form object on success. Syntax: timeObject.form Return Values: It returns a string value which specify the reference of the form containing