HTML5 <datalist>

HTML5 <datalist>

<form action="/action_page.php">
  <input list="browsers">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist> 
</form>
  • Specifies a list of pre-defined options for an <input> element.
  • Users will see a drop-down list of the pre-defined options as they input data.
  • The list attribute of the <input> element, must refer to the id attribute of the <datalist> element.

HTML5 <datalist> — Structure map

Clickable & Draggable!

HTML5 <datalist> — Related pages: