Field
Label, Control, Beschreibung und Fehler als eine Einheit. Das Feld verteilt ID, aria-describedby, aria-invalid und disabled an jedes fend-ui-Control; der Fehlertext erscheint erst, wenn das Feld ungültig ist, und wird dann als Alert vorgelesen.
Label, Control, Beschreibung
FieldLabel verknüpft sich automatisch mit dem Control, die Beschreibung meldet ihre ID für aria-describedby an.
Wir schreiben dir höchstens einmal pro Woche.
Der Name erscheint in der Seitenleiste.
Fehler
Mit invalid bekommt das Control aria-invalid; der Fehlertext hängt per aria-describedby am Feld und wird bei neuem Erscheinen als Alert vorgelesen.
Wir schreiben dir höchstens einmal pro Woche.
Wird automatisch vergeben.
Pflicht und optional
Pflichtfelder tragen einen Stern und den für Screenreader sichtbaren Text „Pflichtfeld“; optionale Felder bekommen den Zusatz „optional“.
Horizontales Layout
orientation=horizontal stellt Label und Control ab dem sm-Breakpoint nebeneinander; darunter stapelt sich das Feld wieder vertikal.
Fieldset mit Legend
Fieldset gruppiert zusammengehörige Felder, FieldGroup hält 20 px Abstand. Wird das Fieldset deaktiviert, folgen alle Felder darin.
Playground
Ausrichtung, Zustand und Kennzeichnung frei kombinieren.
So erscheint das Feld im Formular.