Lädt...

HTML-Select

Bei festen Auswahlmöglichkeiten ist select klarer als Freitext.

Direkte Antwort

<option> in <select name="…">. Gewähltes value wird gesendet. Label setzen. <optgroup> bei langen Listen.

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>

Ausprobieren

  1. select drei Städte
  2. leeres Choose…
  3. optgroup
  4. name/value prüfen

Typische Fehler

  • value vergessen
  • kein label
  • riesige ungruppierte Liste

Zusammenfassung

  • select + option
  • name am select; value an option
  • optgroup ordnet
  • immer label

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
5
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 Anweisungen

  • Lesen Sie jede Frage sorgfältig
  • Wählen Sie die beste Antwort für jede Frage
  • Sie können das Quiz so oft wiederholen, wie Sie möchten
  • Ihr Fortschritt wird oben angezeigt