HTML <datalist> Tag

Description

The <datalist> HTML element creates a list of options that can be selected when typing in a text field. Initially, this list is hidden and becomes available when the field receives focus or when typing.

Properties

Permitted Parents: Any element that accepts phrasing content
Content: <option> elements
Start/End Tags: Start tag: required, End tag: required

Example

HTML

Enter an Australian State:<br>

<input list="browsers">

<datalist id="browsers">

  <option value="South Australia">

  <option value="Western Australia">

  <option value="Victoria">

  <option value="New South Wales">

  <option value="Queensland">

  <option value="Tasmania">

</datalist>

Result