HTML: Dropdown Liste erstellen – So gehts

Nicht deine Sprache?

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

[the_ad_group id=“4427″]


Über Mich





Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys


HTML: Salbei Farbe HEX – Farbcode 🌈 – So gehts

Wenn du verschiedene Salbei Töne abbilden musst. Dann kannst du diesen ganz einfach selber erstellen...

Windows 11: Zeitzone ändern und einstellen

Hey du verrückter Zeitreisender! Wenn du dich in einem falschen Zeitalter oder unter der falschen...

Google Disavow Tool

Das Disavow Tool ermöglicht es dir, Google mitzuteilen, welche Backlinks du nicht in deinem Backlinks...

Raspberry Pi : Neustarten – So gehts

Wenn du deinen Raspberry Pi neu starten möchtest, kannst du dies auf einfache Weise tun...

Trust Wallet: Wiederherstellen – So gehts

Wenn du ein neues Handy hast oder dein Trust Wallet App gelöscht hast musst du...

Trust Wallet: Handy verloren?! – Kein Problem

Wenn man sein Handy verliert ist es ärgerlich. Wenn darauf noch das Trust Wallet war...

Website Link erstellen: So gehts! Generator 2024

So funktioniert der Link Generator 2024 Was sind Links? (Hyperlinks) Links ist der Verweis von...

Raspberry Pi: SSH aktivieren – So gehts

In diesem Hilfebeitrag werde ich dir erklären, wie du SSH auf deinem Raspberry Pi aktivieren...

Youtube Einnahmen Rechner

Youtube Einnahmen Rechner 2024 Wie hoch deine Youtube Einnamen sein werden, lässt sich oft so...

Raspberry Pi: Teamviewer installieren – So gehts

In diesem Beitrag werde ich dir zeigen, wie du TeamViewer auf deinem Raspberry Pi installieren...

Whatsapp: Status löschen – So gehts

In der heutigen Zeit ist WhatsApp nicht mehr aus unserem Alltag wegzudenken. Es ist eine...

100+ Chkdsk Befehle die ganze Liste

Chkdsk ist noch viel effektiver wenn du es mit den richtigen Befehlen bedienst. Damit lässt...

100+ ROS Terminal Befehle mit Erklärung

ROS (Robot Operating System) ist ein Framework, das es ermöglicht, Roboteranwendungen einfach zu entwickeln. In...

100+ Geogebra Befehle für schnelles arbeiten

Geogebra ist noch viel effektiver wenn du es mit Shortcuts bedienst. Damit lässt sich noch...

Ubuntu/Linux: Gnome im Terminal installieren

Du benutzt Linux bzw. Ubuntu und möchtest Dash to Dock über das Terminal installieren? Kein...