Horje

How to set HTML <input> list Attribute

An <input> element with pre-defined values in a <datalist>:

Definition and Usage

The list attribute refers to a <datalist> element that contains pre-defined options for an <input> element.


Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Syntax

<input list="datalist_id">

Attribute Values

Value Description
datalist_id Specifies the id of the datalist to bind the <input> element to
index.html
Example: HTML
<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist> 

Output should be:

How to set HTML <input> list Attribute




Type:
html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin