HTML <input> list Attribute

HTML <img>

HTML <ins>

The list attribute on an <input> tag associates the input element with a <datalist>.

A datalist provides a list of suggested values to the input control.

Example

#

A list attribute on an <input> element. A datalist with colors is associated with the textbox. Click the textbox to see the color options.

 <datalist id="colors">
   <option value="Red">
   <option value="Green">
   <option value="Yellow">
   <option value="Purple">
   <option value="Blue">
 </datalist>

<form action="/tutorial/action.html">
  Color &nbsp; <input list="colors" name="color"><br/>

  <input type="submit">
</form>

Using list

#

The list attribute specifies the id of a <datalist> with suggested values.

Suggested values are only suggestions. The user can still enter any other value.

On the other hand, a dropdown control (<select>), does not allow custom values being entered.

Syntax

#