The HTML datalist tag is used to create a list of pre-defined options for an <input> element. This tag can be used to provide auto-completion feature for input elements.

This element has only global attributes.

Syntax

<datalist id="id">
   <option value="option 1">
   <option value="option 2">
   <option value="option n">
</datalist>

Example

<label for="lang">Select a language</label>
<input list="languages" id="lang" name="txtlang" />
<datalist id="languages">
<option value="C">
<option value="C++">
<option value="C#">
<option value="Java">
<option value="PHP">
</datalist>

Output