# Formulare

Die Regeln für das gesamte Formular, bevor jedes Feld: fragen wenig, eine Spalte, die Beschriftung im Blickfeld und der Fehler unter dem Feld.

## Regeln für das gesamte Formular

-   **Nur das Nötigende fragen.** Jedes zusätzliche Feld ist Arbeit für die Person. Wenn Sie es selbst herausfinden können, fragen Sie nicht.
-   **Eine Spalte.** Felder eines unter dem anderen, in der Reihenfolge, wie die Person denkt. Nebeneinander nur, wenn sie eine Sache sind (Stunde und Minute).
-   **Label immer sichtbar**, über dem Feld. Platzhaltertext nimmt niemals dessen Stelle ein.
-   **Alles ist erforderlich**, außer was "(optional)" sagt. Das Markieren des Optionalen ist kürzer als gestreute Sternchen.
-   **The closer, the more together.** Inside a field, `space-1`; between options in a group, `space-2`; between one field and the next, `space-5`.
-   **Der Fehler geht unter das Feld**, mit Icon und Wort, und eine Zusammenfassung oben, wenn es mehr als einen gibt. Unten bricht er keine zweispaltige Form nicht auf.
-   **Der Server validiert immer.** Der Fehler kommt zurück mit den ausgefüllten Werten; nichts, was die Person geschrieben hat, geht verloren.
-   **Eine Haupttaste am Ende**, die sagt, was passiert: "Erminnerung speichern". Feedback zeigt auf der Form selbst an.

## Ein gesamtes Formular

ErminnerungsnameShows in the notificationWrite a name

Wann erinnern?

Anmerkung (optional)

Time format:

Versuchen Sie, mit einem leeren Namen zu speichern: der Fehler zeigt unter dem Feld auf, und der Fokus geht darauf. Mit einem Name zeigt Feedback auf der Form selbst an.

## Platzhaltertext

-   Als kurzes zusätzliches Beispiel unter einem Label, das bleibt: „z. B. Pflanzen gießen", „Aufgaben suchen".
-   Niemals anstelle des Labels oder der Hinweiszeile: es verschwindet, wenn die Person tippt, und was gesagt wird, geht mit ihm weg.
-   Niemals bei benötigten Informationen (erforderliches Format, Grenzwerte): das gehört in den Hinweis, der bleibt.
-   In der hellen Textfarbe, die 4,5 Kontrast übersteigt.

## Mach es und mach es nicht

Do

Subject

Das Label bleibt sichtbar, und das Beispiel hilft nur.

Don’t

Das Beispiel anstelle des Labels, mit einer Regel drin: alles verschwindet, wenn die Person tippt.

Do

Note (optional)

Nur das optionale Feld wird markiert, in Worten.

Don’t

Name \*

Sternchen auf allem, mit dem Schlüsselweg unten.

Do

NameWrite a name

Der Fehler unter dem Feld, mit Symbol und Wort.

Don’t

Invalid fieldName

Der Fehler oben, vage, und nur durch Farbe.

## Schreiben

-   Label: ein kurzer Substantiv oder eine direkte Frage („Erinnerungsname", „Wann erinnern?"). Kein Doppelpunkt am Ende.
-   Hinweis: nur wenn es beim ersten Mal hilft, richtig zu sein. Wenn jedes Feld einen Hinweis hat, wird keiner gelesen.
-   Fehler: was zu tun ist, nicht was falsch ist ("Einen Namen schreiben", nicht "Ungültiges Feld").

## Komponenten

-   [Feld, TextInput, TimeInput, Select, Checkbox, Radios, Switch](../formulario.html): die Teile.
-   [ErrorMessage und ErrorSummary](../feedback.html): die Fehler.
-   [Feedback am Ort](/de/design/retorno/): was nach dem Speichern passiert.