Tag <select>

Tag <select>

Definition

Status: Aktueller Standard

Das Tag <select> steht für select (Auswahl).

Der <select>-Tag ist ein HTML-Formularelement zur Erstellung einer Auswahlliste (Dropdown-Menü). Benutzer können daraus eine oder mehrere Optionen auswählen. Das Element wird typischerweise zusammen mit <option> und optional <optgroup> verwendet. Ein <select>-Tag allein ist nur die Hülle. Die eigentlichen Auswahlpunkte werden durch das <option>-Tag definiert.

Syntax

<section>...</section>

Attribute bzw. Unterelemente

Global

Globale Attribute

multiple

Mehrfachauswahl möglich (mit STRG bzw. Cmd).

size

Legt fest, wie viele Zeilen gleichzeitig sichtbar sein sollen (macht aus dem Drop-down eine Liste)

disabled

Deaktiviert die gesamte Liste.

required

Erzwingt eine Auswahl, bevor das Formular abgeschickt werden kann.

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <select> - ---

Der Code:

<label for="sprache">Wähle eine Sprache:</label>

<select name="sprache" id="sprache">
  <option value="de">Deutsch</option>
  <option value="en" selected>Englisch</option>
  <option value="fr">Französisch</option>
</select>

<p>Attribut 'size="1"' (Standard):</p>
<select size="1">
  <option>Option A</option>
  <option>Option B</option>
  <option>Option C</option>
  <option>Option D</option>
  <option>Option E</option>
  <option>Option F</option>
</select>

<p>Attribut 'size="3"' (Feste Liste):</p>
<select size="3">
  <option>Option A</option>
  <option>Option B</option>
  <option>Option C</option>
  <option>Option D</option>
  <option>Option E</option>
  <option>Option F</option>
</select>

Ergebnis:

Ergebnis: <select>-Demo 1
---