HTML: Dropdown Liste erstellen – So gehts

Wenn du in HTML eine Dropdown Liste erstellen möchtest dann benötigst du dafür das < select > Tag. Eine Dropdownliste lässt sich folgendermaßen erstellen:

HTML: Dropdownliste erstellen

Folgendes Beispiel erstellt dir eine Dropdown Liste mit Ländern zur Auswahl.

<select name="my_html_select_box">
<option>Deutschland</option>
<option>Italien</option>
<option>Österreich</option>
</select>

Ergebnis

Mit dem oben genannten Beispiel kannst du jetzt die Länder auswählen.

Deutschland Italien Österreich

Vorauswahl bei Dropdown Liste

Mit select kannst du bereits eine Stadt vorauswählen :

<select name="my_html_select_box">
<option>Deutschland</option>
<option selected="selected">Italien</option>
<option>Österreich</option>
</select>

Ergebnis

In diesem Beispiel wird Italien vorausgewählt
Deutschland Italien Österreich

Dropdown: Mit Mehrfachauswahl

Du kannst auch mehrere Werte auswählen wenn du multible==yes“ in dem select Feld ergänzt. Mit size=“3″ sagst du das dein Select Feld 3 Optionen anzeigt.

<select multiple="multiple" name="my_html_select_box" size="3">
<option>Deutschland</option>
<option>Italien</option>
<option>Österreich</option>
</select>

Ergebnis

Deutschland Italien Österreich

Jetzt HTML lernen

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

Das könnte dich interessieren!

Weitere Kategorien