HTML | <input> list Attribute

The HTML <input> list Attribute is used to identify a list of pre-defined options for an element to suggest the user.

Syntax:

<input list="datalist_id">

Attribute Values:

datalist_id: It is used to specify the Id of the datalist that will used to make a link up with the input element.

Example:

html

<!DOCTYPE html>

<html>
 
<head>

    <title>

      HTML Input list Attribute

  </title>

</head>
 
<body>

    <h1>

        GeeksForGeeks

    </h1>

    <h1 style="color:green">

      HTML Input list Attribute

  </h1>
 
    <form action="">

        <label>Your Cars Name: </label>

        <input list="cars">

        <datalist id="cars">

            <option value="BMW" />

            <option value="Bentley" />

            <option value="Mercedes" />

            <option value="Audi" />

            <option value="Volkswagen" />

        </datalist>

    </form>

</body>
 
</html>

Output:

Supported Browsers: The browsers supported by HTML <input> list Attribute are listed below:

Google Chrome 20.0
Edge 12.0
Internet Explorer 10.0
Firefox 4.0
Opera 12.1
Safari 12.1

Article Tags :

HTML

Web Technologies

HTML-Attributes