Cargando...

Select HTML

Si la respuesta es una de varias opciones, select es más claro.

Respuesta directa

<option> dentro de <select name="…">. Se envía el value elegido. Label. <optgroup> en listas largas.

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>

Pruébalo

  1. select tres ciudades
  2. option vacío Choose…
  3. optgroup
  4. name y value

Errores fáciles

  • olvidar value
  • sin label
  • lista enorme sin grupos

Resumen

  • select + option
  • name en select; value en option
  • optgroup organiza
  • siempre label

🧠 Pon a Prueba tu Conocimiento

Listo para Empezar

Pon a Prueba tu Conocimiento

Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema

❓
5
Preguntas
🎯
70%
Para Aprobar
♾️
∞
Tiempo
🔄
∞
Intentos

📝 Instrucciones

  • Lee cada pregunta cuidadosamente
  • Selecciona la mejor respuesta para cada pregunta
  • Puedes repetir el quiz tantas veces como quieras
  • Tu progreso se mostrará en la parte superior