HTML5: datalist

A tag html Datalist é usado para sugerir valores de entrada para o usuário, proporcionando assim um recurso de “autocomplete” nos elementos do formulário.

Dentro da tag input usamos o atributo list que faz referência ao id do datalist e cada valor de um datalist é identificado pela tag option.

Exemplo:

<input type="text" name="estados" list="nomedosestados">
<datalist id="nomedosestados">
  <option value="São Paulo">
  <option value="Rio de Janeiro">
  <option value="Minas Gerais">
  <option value="Santa Catarina">
  <option value="Pará">
  <option value="Alagoas">
</datalist>