Elemento Datalist

O elemento <datalist> em HTML é utilizado para criar uma lista predefinida de opções para um elemento <input>. Ele permite que o usuário selecione uma opção de uma lista de opções predefinidas, ao mesmo tempo em que lhe oferece a capacidade de inserir seu próprio valor, caso prefira. A lista de valores predefinidos fica oculta até o momento em que o usuário começa a digitar no campo de texto associado. Combinamos <datalist> com o atributo id e <input> com o atributo list.

No geral, o elemento <datalist> pode ser uma forma útil de fornecer uma lista predefinida de opções para os usuários selecionarem, ao mesmo tempo que lhes permite a flexibilidade de inserir seu próprio valor, se necessário.