Combo Box / Dropdown

Wie kann ich einen Aufklappkasten erstellen?
Wie kann ich einen Wert ausgewählt in dem Aufklappkasten machen?
Wie kann ich einen Aufklappkasten mit mehrfachen Optionen erstellen?

Erklärung

Combo box / Dropdown box


Beispiel

Example Code


<form name=myform>
<select name=mytextarea>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
</select>
</form>

Ergebnis:

Definition:


Hier definieren wir den Aufklappkasten mit den "select" und "option" Tags. Der Aufklappkasten ist definiert mit der Hilfe des "select" Tags. Die Zahl von Optionen in dem Combobox ist definiert mit der Hilfe des "option" Tags. Wie Sie in dem Beispiel sehen können, haben wir Users 3 Optionen gegeben, den Form auszuwählen. Der Name der für die Option angezeigt wird, wird zwischen "option" Tags eingegeben.

Scrollfähige Select Option


Die Grösser der select Option kann mit dem Attribut "size" innerhalb des "select" Tags definiert werden.
Beispiel

Example Code


<form name=myform>
<select name=mytextarea size=2>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
<option name=four value=four> four </option>
</select>
</form>

Ergebnis:

Multi Select Option


Wir können die Option für Users freischalten, mehrfachen Optionen zuzugreifen mit dem Tag "multiple". So kann der User mehrfachen Optionen zugreifen mit den "shift" oder "Ctrl" Tasten.
Beispiel

Example Code


<form name=myform>
<select name=mytextarea size=3 multiple>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
<option name=four value=four> four </option>
</select>
</form>

Ergebnis:

Vorgewählte Select Option


Diese Option kann durch das "selected" Tag vorgewählt werden.
Beispiel

Example Code


<form name=myform >
<select name=mytextarea size=2>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three selected> three </option>
<option name=four value=four> four </option>
</select>
</form>

Ergebnis: