Komponenten

Input Fields

Input Fields ermöglichen es Nutzern, Texte oder ähnliche Inhalte einzugeben und abzusenden. In diesem Guide erfahren Sie, wie Input Fields angewendet werden.

Input Fields
  • Anwendung
  • Beispiele
  • Verwandte Komponente
  • Download

Anwendung

Textfelder

Zur Übermittlung von Daten sind verschiedene Arten von Textfeldern verfügbar. Standard-Textfelder sind einzeilige, frei bestimmbare Felder, die jede Art von Inhalt umfassen können. Daneben bieten Textbereiche Platz für größere Mengen Text. Textfelder können eine Gültigkeitsprüfung beinhalten, die den Status der Nutzereingaben anzeigt. Nutzer erkennen dadurch sofort, ob ihre Eingaben richtig oder falsch sind.

Formatierte Textfelder

Formatierte Textfelder ermöglichen die Anzeige von Daten innerhalb der in Input Fields. Hierbei kann es sich um Kreditkarten- oder Telefonnummern, Trackingnummern, Geldbeträge oder Ablaufdaten handeln.

Gruppierte Formularfelder

Formularfelder können auch als Gruppe angezeigt werden. Dadurch werden verwandte Felder zusammengefasst, nicht verwandte hingegen abgetrennt. Dies bietet sich beispielsweise für Umfragen an.

Interaktive Formularfelder

Einige interaktive Formularfelder unterstützen Nutzer bei der Datenübermittlung. Passwort-Felder können beispielsweise ein Icon enthalten, über das die Anzeige des Passworts ein- und ausgeschaltet wird. Ein Kopier-Icon erhöht die Benutzerfreundlichkeit von Textfeldern. Der Text kann damit ganz einfach ausgewählt und in die Zwischenablage kopiert werden.

Andere interaktive Formularfelder ermöglichen zum Beispiel die Eingabe von Paketgrößen. Dabei lässt sich mithilfe eines Icons eine vordefinierte Liste an Größen- oder Gewichtsoptionen öffnen.

Beispiele

Verwandte Komponente

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library