Carregando...

Select HTML

Quando a resposta é entre opções fixas, select é mais claro.

Resposta direta

<option> em <select name="…">. Envia o value escolhido. Label. <optgroup> em listas longas.

Basic select

html
HTML Code
<label for="city">City</label>
<select id="city" name="city">
<option value="">Choose…</option>
<option value="teh">Tehran</option>
<option value="isf">Isfahan</option>
</select>

Options with optgroup

html
HTML Code
<label for="meal">Meal</label>
<select id="meal" name="meal">
<optgroup label="Veg">
<option value="salad">Salad</option>
<option value="soup">Soup</option>
</optgroup>
<optgroup label="Other">
<option value="stew">Stew</option>
</optgroup>
</select>

Experimente

  1. três cidades
  2. option vazio
  3. optgroup
  4. name/value

Erros comuns

  • esquecer value
  • sem label
  • lista enorme

Resumo

  • select + option
  • name; value
  • optgroup
  • label

🧠 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

❓
5
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