Navigieren auf digital.sbb.ch

Beta

Textfield

1. Was macht das Element?

  • Dient zur Eingabe von Texten und Zahlen.

2. Wann soll das Element eingesetzt werden?

  • Wenn vom Benutzer eine Eingabe benötigt wird.

3. Regeln

  • Ein Eingabefeld hat immer ein Label.
  • Optionale Eingaben werden mit dem Text «(optional)» hinter dem Label-Text versehen. Bei kurzen Feldern darf 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 .
  • Wird der Text während der Eingabe länger als die Breite des Eingabefeldes wird der geschriebene Text nach links verdrängt, damit das aktuell Geschriebene immer gesehen wird.
  • Nach dem Verlassen des Eingabefeldes mit einem langen Text wird dieser am Ende abgeschnitten und mit «...» gekennzeichnet.
  • Kann der Benutzer ein Formularfeld nie bearbeiten, so darf kein Eingabefeld verwendet werden (Darstellung als Text).
  • Je nach Typ des Eingabefelds muss der richtige Typ der Tastatur gewählt werden (Default, E-Mail, URL, Phone)

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Empty
  • Value
  • Disabled
  • Error

4.1 Standard

Darstellung des Eingabefeldes

Design Spezifikation