Skip to content
Related Articles

Related Articles

HTML | <input> list Attribute

Improve Article
Save Article
  • Last Updated : 12 Aug, 2022
Improve Article
Save Article

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
My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!