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





[wpdreams_ajaxsearchlite]

Google Chrome: Energiesparmodus aktivieren – So gehts

Ja du hast richtig gehört, Google Chrome hat einen Energiesparmodus und wir aktivieren ihn jetzt...

Google Chrome: Seitenleiste links & rechts ändern

Es ist ja bekanntlich Geschmackssache ob die Seitenleiste link oder rechts angeordnet ist. Aber du...

Google Chrome: Untertitel für Videos aktivieren

Wenn du nicht mehr so gut hören kannst, dann ist es sinnvoll den Untertitel beim...

Google Chrome: Design ändern – So gehts

Wenn du genauso wie ich von dem langweiligen Standarddesign von Google Chrome genug hast, gibt...

Google Chrome: Lesezeichenleiste ausblenden & einblenden

Die Lesezeichenleiste von Google Chrome ist zwar ganz cool nimmt aber einfach zu viel Platz...

Google Chrome: Schriftgröße & Schriftart ändern

Oft ist die standard Schriftart von Google Chrome langweilig oder die Schriftart ist dir einfach...

Google Chrome: Rechtschreibprüfung aktivieren & deaktivieren

Wenn dich die Rechschreibprüfung bei Google Chrome nervt kannst du sie deaktivieren und auch wieder...

Google Chrome: Webseite mit Zoom vergrößern & verkleinern

Mit zunehmendem Alter werden unsere Augen schlechter. Aber keine Panik dafür hat Google Chrome ein...

Firefox: Cookies & Cache beim beenden löschen – So gehts

Wenn du möchtest, dass deine Cookies beim Beenden des Firefox automatisch gelöscht werden, dann ist...

Firefox: Lesezeichen exportieren & importieren – So gehts

Oft will man seinen Computer neu aufsetzen und dann muss man seine Lesezeichen exportieren, um...

Firefox Browser: Schriftart & Schriftgröße ändern

Findest du bei Firefox die Schriftart langweilig oder die Schriftgröße zu klein? Hast du auch...

Firefox Browser: Linkfarbe ändern – So gehts

Die Linkfarbe bei Browser wie dem Firefox schau oft ähnlich aus. Wenn du aber bei...

Firefox Browser: Erweiterung installieren – So gehts

Du möchtest deinen Firefox Browser mit Erweiterungen verbessern? Logo dann schauen wir uns da mal...

Safari Browser: Erweiterung hinzufügen – So gehts

Hey du Safari-Entdecker! Du möchtest gerne eine Erweiterung hinzufügen, um dein Browsing-Erlebnis noch besser zu...

Safari Browser: Passwörter anzeigen – So gehts

Wenn du deine Passwörter von gespeicherten Webseiten verwalten möchtest, dann geht das ziemlich einfach. In...