We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Introduced in HTML5

Sumário

O elemento HTML Datalist (<datalist>) contém um conjunto de elementos <option> que representam as opções possíveis para o valor de outros controles.

Contexto de uso

Conteúdo permitido Phrasing content ou qualquer quantidade de elementos <option> (ou nenhum)
Omissão de tags Nenhuma, ambas as tags inicial e final são obrigatórias
Elementos pais permitidos Qualquer elemento que aceite phrasing content
Documento normativo HTML5, section 4.10.10

Atributos

Esse elemento não tem nenhum atributo a não ser os global attributes, comuns para todos os elementos.

Interface do DOM

Esse elemento implementa a interface HTMLDataListElement.

Exemplos

<input list="browsers" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

View Live Examples

Esse código HTML é renderizado assim no Firefox 4:

datalist.png

Compatibilidade

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 20 4.0 (2.0) 10 9.5 Não suportado
Recurso Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico ? 4.0 (2.0) ? 10 ?

Polyfill

datalist-polyfill

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: mfranzke, teoli, LeonardoPacheco
Última atualização por: mfranzke,