HTML DOM Input Tel list Property

HTML DOM Input Tel list Property

Last Updated : 29 Jul, 2024

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.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 return the input tel list property.

HTML

<!DOCTYPE html>
<html>

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

    <h2> DOM Input Tel list property </h2>
    
    <legend>
        Phone Number:
        <input type="tel" id="mytel" 
            list="telephone_list" 
            value="6753682635" autofocus>
    </legend>

    <datalist id="telephone_list">
        <option value="87688965" />
        <option value="998347589" />
        <option value="99384339" />
        <option value="837494493" />
        <option value="8474748437" />
    </datalist><br><br>
    
    <button onclick="btnclick()">
        Click Here!
    </button>
    
    <p id="paraID" style="font-size:20px"></p>


    <script>
        function btnclick() {
            var x = document.getElementById("mytel").list.id;
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>

</html>

Output:

tellist

Supported Browsers:

Google Chrome
Edge
Mozilla Firefox
Opera
Safari

HTML DOM Input Tel list Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

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