beta

Select (Dropdown)

1. Was macht das Element?

  • Dient zur Auswahl einer oder mehrerer Optionen aus einer vorgegebenen Liste.

2. Wann wird das Element eingesetzt?

  • Bei einer Auswahl aus mehreren Optionen (Einfach- oder Mehrfachauswahl) einer Liste.
  • Wenn eine Auswahl getroffen werden muss, bei der sich die Einträge gegenseitig ausschliessen und kein Defaultwert gesetzt werden soll (anders als beim Element Radiobutton).
  • Wenn Auswahloptionen gruppiert werden sollen.

3. Regeln

  • Es müssen mindestens zwei Optionen zur Auswahl stehen.
  • Das Element hat immer ein Label.
  • Optionale Auswahlen werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
  • Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein Tooltip.
  • Der Text im Select-Element ist immer einzeilig.
  • Ist ein Eintrag länger als die verfügbare Breite des Elements, wird der Text des Eintrages mit «...» abgekürzt.
  • Bei einem Pflichtfeld ist eine Vorauswahl nicht erlaubt.
  • Wenn noch keine Auswahl getroffen wurde, lautet der Element-Text «Bitte wählen...».

4.  Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Default
  • Focused
  • Disabled
  • Error
  • Expanded

4.1 Standard

Design Spezifikation

Code Spezifikation

4.2 Mehrfachauswahl

Design Spezifikation

Code Spezifikation

4.3 Gruppierte Einfachauswahl

Design Spezifikation

Code Spezifikation

4.4 Gruppierte Mehrfachauswahl

Design Spezifikation

Code Spezifikation