Eingabeelement

Ein Eingabeelement ist ein Bauelement der Benutzerschnittstelle, das es Nutzenden ermöglicht, Daten in eine Anwendung einzugeben oder eine Auswahl zu treffen. In Formularelementen werden Eingabeelemente verwendet, um Informationen zu erfassen, Befehle auszulösen oder Suchanfragen zu spezifizieren.

Zu den gängigen Typen zählen Texteingaben (Textfeld, Passwort, E-Mail, Telefonnummer), Datum- und Uhrzeiteingaben, Zahlenfelder, Regler, Textbereich, Auswahlmenüs (Ein- bzw. Mehrfachauswahl), Kontrollkästchen, Optionsfelder und Schaltflächen.

Wichtige Eigenschaften sind Werte, Platzhalter, Validierung, Standardwert, Pflichtfelder, Min/Max/Pattern, sowie Markup- und Barrierefreiheitsaspekte. Eingabeelemente können je nach Kontext unterschiedliche Datenformate akzeptieren und oft durch Regeln oder Skripte auf Korrektheit geprüft werden, bevor eine Aktion ausgelöst wird.

In der Webentwicklung entsprechen Eingabeelemente typischerweise HTML-Elementen wie input, select, textarea und button; sie werden üblicherweise innerhalb von Formularen verwendet und durch Ereignisse wie input, change oder submit gesteuert. Für die Barrierefreiheit ist es wichtig, dass Beschriftungen eindeutig sind, Formularelemente klar identifiziert werden und mechanische bzw. kognitive Barrieren minimiert werden, etwa durch assoziierte labels, sinnvolle Fehlermeldungen und Tastaturnavigation.

Anwendungen finden Eingabeelemente in Web-, Mobile- und Desktop-Umgebungen, wo sie der Datenerfassung, der Suchfilterung oder der Ausführung von Befehlen dienen. Sie unterscheiden sich von Ausgabeelementen, die Informationen nur präsentieren, wie Text oder Bilder.