Navigieren auf digital.sbb.ch

Beta

Select

Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English

1. Was macht das Element?

  • Dient zur Auswahl einer Optionen aus einer vorgegebenen Liste.

2. Wann soll das Element eingesetzt werden?

  • Bei einer Auswahl aus mehreren Optionen einer Liste.

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 im Eingabefeld ein Infoicon dargestellt werden. Beim Klick auf dieses Infoicon ö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, wird das Label angezeigt.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Empty
  • Value
  • Disabled
  • Expanded (single value, multiple value)

4.1 Mit Icon

Darstellung des Select Feldes
Darstellung des Select Feldes

Design Spezifikation

4.1 Ohne Icon

Darstellung des Select Feldes
Darstellung des Select Feldes

Design Spezifikation

1. Was macht das Element?

  • Dient zur Auswahl einer Optionen aus einer vorgegebenen Liste.

2. Wann soll das Element eingesetzt werden?

  • Bei einer Auswahl aus mehreren Optionen einer Liste.

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 im Eingabefeld ein Infoicon dargestellt werden. Beim Klick auf dieses Infoicon ö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, wird das Label angezeigt.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Empty
  • Value
  • Disabled
  • Error
  • Expanded

4.1 Standard

Darstellung des Select Feldes

Design Spezifikation