HTML/Elemente/select
Aus SELFHTML-Wiki
Das select-Element stellt eine Liste dar, welche vordefinierte Auswahlmöglichkeiten enthält. Diese können in einem Dropdown angeklickt werden.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
-
combobox, falls es kein multiple-Attribut besitzt und der Wert des size-Attributs nicht größer als 1 ist -
listbox, anderenfalls
-
- Elternelemente
- Darf vorkommen in:
- erlaubte Inhalte
Beispiel
<form action="select.html">
<label>Künstler(in):
<select name="top5" size="5">
<option>Heino</option>
<option>Michael Jackson</option>
<option>Tom Waits</option>
<option>Nina Hagen</option>
<option>Marianne Rosenberg</option>
</select>
</label>
</form>
Beachten Sie: Daneben gibt es noch datalist, mit dem Besucher Suchvorschläge für ein Eingabefeld erhalten, aber auch eigene Eingaben vornehmen können.
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| Universalattribute | |||
| id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
| class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
| accesskey | ID | Tastaturkürzel | |
| contenteditable | CDATA | editierbarer Inhalt | |
| contextmenu | definiert Kontextmenü | ||
| dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
| draggable | ID | kann mit Drag & Drop gezogen werden | |
| dropzone | CDATA | Aktion bei Ablegen | |
| hidden | versteckter Inhalt | ||
| lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
| spellcheck | ID | Rechtschreibprüfung | |
| style | CDATA | notiert direkt in einem Element- style sheet data | |
| tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
| title | CDATA | betitelt oder beschreibt ein Element. | |
| autofocus | Boolesches Attribut | Focus wird beim Laden auf dieses Element gelegt. | |
| disabled | Boolesches Attribut | legt fest, dass das Element ausgegraut, d.h. nicht benutzbar ist. | |
| form | CDATA | Identifizierungsname des form-Elementes mit dem es in Verbindung steht. | |
| multiple | Boolesches Attribut | Mehrfachauswahl möglich. | |
| name | CDATA | Bestimmt den Namen des Elementes. | |
| required | Boolesches Attribut | Bestimmt, dass eine Eingabe, durch den Benutzer, erforderlich ist. | |
| size | CDATA | legt die Größe des select-Feldes fest. Wird kein Wert bestimmt, ist das Element ein Dropdown. | |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
Weblinks
- Spezifikation (W3C): The select-Element