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.

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

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

Jetzt HTML lernen

Das könnte dich interessieren!




weitere Beiträge zum Thema HTML


CSS: drop-shadow(): So gehts


HTML: ✉️ Mailto einfügen – So gehts!


HTML: Placeholder Input Feld


CSS in HTML einbinden – So gehts!


HTML: Video einbinden – So gehts


HTML: Neue Zeile einfügen – So gehts!


Was ist PHP? Einfach erklärt


PHP: „Hello World“ schreiben Tutorial


WordPress Video einbinden: So gehst!


WordPress auf PHP 8 umstellen – So gehts!


HTML: !DOCTYPE – Declaration


Welcher Browser unterstützt HTML5?


HTML: Link erstellen – Hyperlink erstellen


WordPress: Backend aufrufen – So gehts


HTML: Blocksatz erstellen – So gehts!


HTML: Javascript in HTML einbinden


HTML: Wort durchstreichen – So gehts!


HTML: Text einrücken – So gehts!


Lorem Ipsum: Bedeutung & Übersetzung


PHP: trim(): Zeichen von beiden Seiten entfernen


Schreibe einen Kommentar