Kanton Aargau

Formular (Grundlage)

Beschreibende Texte in Formularen

Legend des Fieldsets

Innerhalb von Fieldsets kann mit beschreibendem Text gearbeitet werden.

Label

Zwischentitel inmitten des Fieldsets

Diese Beschreibungen können sowohl hervorgehoben als auch verlinkt sein.

Label

Wir empfehlen, wann immer möglich, auf diesem Weg Anweisungen und Hilfestellungen zu bieten. Sollte dies nicht ausreichen, oder die Beschreibung vom eigentlichen Umgang mit dem Formular ablenken, können in Ausnahmefällen Infoicons zum Einsatz kommen. Auch in den Tooltips solcher Infoicons kann neben Fliesstext auf Formatierung, Listen und Links zurückgegriffen werden.

Einfache Eingabefelder

Textfelder Typen

Text

Passwort

Telefon

Nummer

E-Mail

URL

Datum

Uhrzeit

Textfelder Zustände

Text

Text*

Text

Dies ist eine Fehlermeldung Dies ist eine weitere Fehlermeldung mit ziemlich langem Text

Text

Text anstelle eines Eingabefeldes.

Text

Dies ist ein Hinweis

Text

Dies ist eine Fehlermeldung Dies ist ein Hinweis

Datum vorausgefüllt

Datum mit alternativem Format

Datum mit deaktivierten Wochenenden

Uhrzeit vorausgefüllt

Passwort (ohne Ein/Ausblenden)

Auswahlfeld

Auswahl

Auswahl*

Auswahl

Dies ist eine Fehlermeldung

Auswahl

Dies ist ein Hinweis

Auswahl

Dies ist eine Fehlermeldung Dies ist ein Hinweis

Auswahl mit Filter

Auswahl mit Filter*

Auswahl mit Filter

Dies ist eine Fehlermeldung

Auswahl mit Filter

Dies ist ein Hinweis

Auswahl mit Filter

Dies ist eine Fehlermeldung Dies ist ein Hinweis

Auswahl mit Filter im ganzen String*

Mehrfachauswahl

Mehrfachauswahl*

Mehrfachauswahl

Dies ist eine Fehlermeldung

Mehrfachauswahl

Dies ist ein Hinweis

Mehrfachauswahl

Dies ist eine Fehlermeldung Dies ist ein Hinweis

Textarea

Textarea*

Textarea

read only

Textarea

Dies ist eine Fehlermeldung

Textarea

Dies ist ein Hinweis

Textarea

Dies ist eine Fehlermeldung Dies ist ein Hinweis

Formular mit kombinierten Eingabefeldern

Textfelder

Mehrere Felder

Text*

Text

Mehrere Felder

Text

Dies ist eine Fehlermeldung

Mehrere Felder

Text

Dies ist eine Fehlermeldung Dies ist ein Hinweis

Text zw. Feldern

Text

Adresse

Strasse

Wohnort

PLZ

Ort

Strasse

PLZ

Ort

PLZ

Ort

Text

Dies ist eine Fehlermeldung

Text

Dies ist eine Fehlermeldung

Text

Text (disabled)

Text

Text (readonly)

Text

Text (disabled)

Text (invalid)

Text

Dies ist eine Fehlermeldung

Invalid + Readonly

PLZ

Ort

Dies ist eine Fehlermeldung

Selects

Separate Labels

Tag

Monat

Tag

Monat

Tag

Monat

Radiobuttons Zustände

Required*

Frau

Herr

Invalid

Frau

Herr

Dies ist eine Fehlermeldung

Disabled

Frau

Herr

Checkboxes Zustände

Required*

Frau

Herr

Invalid

Frau

Herr

Dies ist eine Fehlermeldung

Disabled

Frau

Herr

Weitere Formularelemente

Lange labels

Sehr langes Label für ein Eingabefeld

Äusserst langes Label für ein Auswahlfeld

Mit "soft-hyphens" lassen sich überlange Labels optimieren. Setzen Sie dazu ein  überall da ein, wo sie dem Browser optional die Worttrennung erlauben möchten.

Labels mit Überlängenbegriffsfällen

Formularfelder mit einer maximalen Eingabelänge

Mehrzeilige Textfelder und einzeilige Textfelder vom Typ Text, Suche, URL, Telefon, E-Mail, Passwort lassen sich mit einer maximalen Eingabelänge versehen. Wenn 80 Prozent der maximalen Zeichenzahl erreicht sind, wird ein Hinweis eingeblendet.

Formularfelder als 'Honeypots'

Das folgende Feld wird für Nutzende ausgeblendet. Es ist nur für Bots einsehbar. Wird das Feld ausgefüllt, kann die Submission ignoriert werden, da es sich um einen Bot handeln muss.

Hauptmenü

Navigation

Formulare

Formular (Grundlage)

Beschreibende Texte in Formularen

Zwischentitel inmitten des Fieldsets

Einfache Eingabefelder

Formular mit kombinierten Eingabefeldern

Weitere Formularelemente

Formularfelder mit einer maximalen Eingabelänge

Formularfelder als 'Honeypots'

Aktionen

Adresse

Öffnungszeiten

Bürozeiten

Schalteröffnungszeiten

Telefonische Erreichbarkeit