Formular

Hauptkapitel
Designsystem
Unterkapitel
Muster (Patterns)
Gilt für
Websites & Webapplikationen (mit Login)

Darstellung

Varianten

Formular ohne Service

Formular in Servicebox

Alles Weitere zur Servicebox:

Formular mit mehreren Schritten

Ein Formular kann in mehrere Schritte unterteilt werden.

Jeder Schritt besteht aus einem Titel, Formularfeldern und der Button-Leiste mit dem Senden-Button.

Alles Weitere zu Prozessschritten:

Formular-Felder

Abschnitte

Ein Formular oder ein Schritt eines Formulars kann in mehrere Abschnitte unterteilt werden.

Jeder Abschnitt hat einen eigenen Titel.

Formularelemente

Für den Aufbau eines Formulars stehen folgende Formularfelder zur Verfügung:

Spalten-Layout

Eine Zeile in einem Formular kann mehrere Spalten haben. Kurze Eingabefelder können in zwei Spalten nebeneinander dargestellt werden. Dazu kann das Layout innerhalb eines Abschnitts zweispaltig eingestellt werden. Es gibt folgende Möglichkeiten:

  • 50:50 – beide Spalten sind gleich breit.
  • 25:75 – die erste Spalte ist kurz, z.B. für PLZ und Ort.
  • 75:25 – die erste Spalte ist lang.

Verwendung

Wir erstellen ein Formular, wenn die Nutzenden etwas direkt online erledigen können.

Alles Weitere zu Services als «Erledigung»:

Formulare sind entweder Teil einer Serviceseite oder einer Applikation. Sie sind nur in Ausnahmefällen Teil einer Themenseite.

Die Grundlagen zur Konzeption und zur inhaltlichen Strukturierung von Formularen finden Sie unter Online-Formulare erstellen.

Alles zur Sprache in Formularen finden Sie unter Sprache in Formularen.

Aufbau eines Formulars und Formularfelder

Abhängigkeiten und Logik

Zwischen Formularfeldern können Abhängigkeiten bestehen. Abhängig von der Auswahl der Nutzenden kann

  • ein weiteres Formularfeld angezeigt werden.
  • ein weiterer Prozessschritt angezeigt werden.
  • ein Formularabschnitt angezeigt werden.

Pflichtfelder

Bei jedem Formularfeld kann angegeben werden, ob es ausgefüllt werden muss (Pflichtfeld) oder nicht.

Grundsätzlich erheben wir nur Daten, die für die Bearbeitung des Services nötig sind. Deshalb sind im Normalfall alle Formularfelder Pflichtfelder.

Alles Weitere zur Erstellung von Online-Formularen:

Hilfetexte

Hilfetexte können in zwei Varianten angezeigt werden:

  • Text unterhalb eines Feldes
  • Text in einem Tooltip

Duplizierungsgruppen

Wir verwenden eine Duplizierungsgruppe, wenn Nutzende die Option haben sollen, zusätzliche Angaben zu erfassen. Beispiele: Zusätzliche Kinder oder Berufe.

Eine Duplizierungsgruppe besteht aus einem einzelnen Feld oder mehreren Feldern. Unterhalb des letzten Feldes wird ein Element (bestehend aus Plus-Icon und Text) angezeigt, mit dem die Gruppe oder das Feld erneut eingeblendet wird.

Neu eingeblendete Felder oder Feldgruppen können über ein Löschen-Icon wieder entfernt werden.

Kontakt

Digitale Verwaltung - ZHweb

E-Mail

zhweb@sk.zh.ch