Textfeldern

Textfeldern sind Benutzeroberflächenelemente, die es Benutzern ermöglichen, Textdaten einzugeben. Sie kommen in Formularen, Suchleisten, Anmeldungen und vielen anderen Anwendungen zum Einsatz und können einzeilig oder mehrzeilig sein. Einzeilige Felder werden oft als Textfelder bezeichnet, mehrzeilige Felder als Textbereiche.

Typen und Eigenschaften: Ein Textfeld liefert einen Wert aus der Benutzereingabe. Typische Attribute sind Platzhaltertext, der vor der Eingabe Hinweise gibt, Pflichtfeldkennzeichnung, Mindest- und Maximallänge, Musterüberprüfung (Regex), Autovervollständigung, Rechtschreibprüfung sowie Statusangaben wie nur-lesend (readOnly) oder deaktiviert (disabled). Die Sichtbarkeit und Größe des Felds können beeinflusst werden, ebenso der Fokuszustand, der die aktive Eingabe signalisiert.

Zugänglichkeit: Jedes Textfeld sollte ein klares, zugeordnetes Label haben. Für Screenreader sind korrekte Beschriftungen essenziell, und aria-Attribute oder zusätzliche Beschreibungen verbessern die Barrierefreiheit.

Implementierung und Plattformen: In HTML werden Textfelder typischerweise als input type="text" oder als textarea umgesetzt. Auf mobilen Plattformen verwenden iOS-Apps UITextField (einzeilig) bzw. UITextView (mehrzeilig) und Android-Apps EditText. Die übermittelten Daten werden als Zeichenketten behandelt und müssen serverseitig angemessen validiert werden.

Best Practices: Verwenden Sie sichtbare Beschriftungen, klare Hinweise im Platzhalter, angemessene Validierung und verständliche Fehlermeldungen. Berücksichtigen Sie Autofill-Einstellungen und vermeiden Sie, Platzhalter als Ersatz für Labels. Für sensible Eingaben verwenden Sie geeignete Felder wie Passwortfelder.