HTML DOM Input Search list Property

HTML DOM Input URL list Property

Last Updated : 26 Aug, 2022

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

HTML

<!DOCTYPE html>
<html>

<head>
    <title>DOM Input URL list Property</title>
</head>

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

        <h2>DOM Input URL list Property </h2>

        <label for="uname" style="color:green">
            <b>Enter URL</b>
        </label>

        <input type="url" id="inputID" list="url_list" 
            placeholder="Enter URL">
        <datalist id="url_list">
            <option value="Google.com" />
            <option value="amazon.com" />
            <option value="flipkart.com" />
            <option value="Twitter.com" />
            <option value="Facebook.com" />
        </datalist><br>
        <br><br>

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

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




        <script>
            function btnclick() {
                
                // Return the Input URL list property.
                var link = document.getElementById("inputID").list.id;
                document.getElementById("paraID").innerHTML = link;
            }
        </script>
    </center>
</body>

</html>

Output:

Supported Browsers:

Google Chrome 1
Edge 12
Mozilla Firefox
Opera 11
Safari

HTML DOM Input Search 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 th

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

The DOM Input URL name Property in HTML DOM is used to set or return the value of name attribute of a URL 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 the