Sobes.tech
Junior

O que é o elemento <datalist> em HTML5?

sobes.tech IA

Resposta da IA

O elemento <datalist> em HTML5 é utilizado para criar uma lista de opções predefinidas que o utilizador pode selecionar ao inserir dados num campo <input> associado. Isto melhora a experiência do utilizador, permitindo mostrar sugestões e autocompletar.

Exemplo de uso:

<label for="browser">Escolha um navegador:</label>
<input list="browsers" id="browser" name="browser">
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Safari">
  <option value="Edge">
  <option value="Opera">
</datalist>

Neste exemplo, ao digitar no campo, aparecerá uma lista suspensa com as opções de navegadores.