Exemplo
Um <input> elemento com valores pré-definidos em um <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Tente você mesmo " Definição e Uso
O <datalist> tag especifica uma lista de opções pré-definidas para um <input> elemento.
O <datalist> tag é usada para fornecer uma característica "autocomplete" na <input> elementos. Os usuários verão uma lista drop-down de opções pré-definidas como eles dados de entrada.
Use o <input> atributo de lista de elementos para vinculá-lo em conjunto com um <datalist> elemento.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <datalist> | 20,0 | 10.0 | 4.0 | Não suportado | 9 |
Diferenças entre HTML 4.01 e HTML5
O <datalist> tag é novo em HTML5.
Atributos globais
O <datalist> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <datalist> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
HTML DOM de referência: Datalist Objeto
Configurações CSS padrão
A maioria dos navegadores irá exibir o <datalist> elemento com os seguintes valores padrão:
datalist {
display: none;
}