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: