Sprache wählen:

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.

1
2
3
4
5
6
7
<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.

Vorauswahl bei Dropdown Liste

Mit select kannst du bereits eine Stadt vorauswählen :

1
2
3
4
5
6
7
<select name="my_html_select_box">

    <option>Deutschland</option>
    <option selected="yes">Italien</option>
    <option>Österreich</option>

</select>

Ergebnis

In diesem Beispiel wird Italien vorausgewählt

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.

1
2
3
4
5
6
7
<select name="my_html_select_box" multiple="yes" size="3">

    <option>Deutschland</option>
    <option>Italien</option>
    <option>Österreich</option>

</select>

Ergebnis

Jetzt HTML lernen




weitere Beiträge zum Thema HTML


HTML: Video abspielen und einbinden – So gehts
HTML: Audio Datei einbinden – Hintergrundmusik
HTML: Text in Zwischenablage kopieren – So gehts
WordPress: Keine .htaccess Datei: Lösung
CSS: Wiederholenden Hintergrund erstellen

Schreibe einen Kommentar