Carregando...

Datalist HTML

datalist sugere sem travar como select.

Resposta direta

<datalist id> + options. Input list=id.

Input with datalist suggestions

html
HTML Code
<label for="browser">Browser</label>
<input id="browser" name="browser" list="browsers" placeholder="Type or choose">
<datalist id="browsers">
<option value="Firefox">
<option value="Chrome">
<option value="Edge">
<option value="Safari">
</datalist>

Experimente

  1. list
  2. quatro options
  3. testar
  4. vs select

Erros comuns

  • id errado
  • achar select
  • sem label

Resumo

  • datalist sugere
  • list+id
  • texto livre
  • select fixo

🧠 Teste Seu Conhecimento

Pronto para Começar

Teste Seu Conhecimento

Desafie-se com este questionário interativo e veja o quão bem você entende o tópico

❓
4
Perguntas
🎯
70%
Para Passar
♾️
∞
Tempo
🔄
∞
Tentativas

📝 Instruções

  • Leia cada pergunta cuidadosamente
  • Selecione a melhor resposta para cada pergunta
  • Você pode refazer o quiz quantas vezes quiser
  • Seu progresso será mostrado no topo