Texteingabe

Richtlinien für die Texteingabe

Mit Texteingabefeldern können Benutzer Zeichen mit einer physischen oder Bildschirmtastatur eingeben und bearbeiten. Durch die Aktivierung des Textumbruchs können in ein Eingabefeld mehrere Textzeilen eingegeben werden.

Beispiel

Ein Standardtextfeld wird in vier unterschiedlichen Status angezeigt: Texteingabe in einer einzelnen Zeile, Textauswahl, deaktiviert, Texteingabe in mehreren Zeilen.

Beispiele von Texteingabefeldern

Ist dies das richtige Steuerelement?

Diese Fragen helfen Ihnen festzustellen, um sich ein Standardtextfeld oder ein anderes Steuerelement am besten für die Texteingabe eignet.

  • Ist es praktisch umsetzbar, alle gültigen Werte effizient aufzuzählen? Wenn dies der Fall ist, ziehen Sie stattdessen die Verwendung eines der Auswahlsteuerelemente in Betracht, z. B. Kontrollkästchen, Dropdownliste, Listenfeld, Optionsfeld, Schieberegler, Umschaltersteuerelement, Datumsauswahl oder Zeitauswahl.
  • Gibt es nur relativ wenige gültige Werte? Wenn dies der Fall ist, empfiehlt sich die Verwendung einer Dropdownliste oder eines Listenfelds, insbesondere wenn es sich um längere Werte handelt.
  • Bestehen für die gültigen Daten keinerlei Einschränkungen? Oder sind die gültigen Daten nur durch das Format eingeschränkt (eingeschränkte Länge oder Zeichentypen)? Ist dies der Fall, verwenden Sie ein Texteingabesteuerelement. Sie können die Anzahl der Zeichen beschränken, die eingegeben werden können, und Sie können aus einer Liste von Eingabebereichen auswählen, durch die die Eingabe auf einen bestimmten Zeichensatz oder ein bestimmtes Format beschränkt ist, z. B. eine Zahl, einen URI (Uniform Resource Identifier) oder eine Währung.—
  • Stellt der Wert einen Datentyp dar, der über ein spezielles allgemeines Steuerelement verfügt? Ist dies der Fall, verwenden Sie das entsprechende Steuerelement anstelle eines Texteingabesteuerelements. Verwenden Sie anstelle eines Texteingabesteuerelements zum Beispiel DatePicker, um eine Dateneingabe zu akzeptieren.
  • Wenn die Daten streng numerisch sind:
    • Handelt es sich bei dem Wert, der eingegeben wird, um einen Näherungswert und/oder ist der Wert relativ zu einem anderen Wert auf derselben Seite? Wenn dies der Fall ist, sollten Sie einen Schieberegler verwenden.
    • Wäre es für Benutzer hilfreich, sofort Feedback zur Auswirkung von Einstellungsänderungen zu erhalten? Wenn ja, verwenden Sie einen Schieberegler, eventuell zusammen mit einem begleitenden Steuerelement.
    • Besteht die Möglichkeit, dass der eingegebene Wert angepasst wird, nachdem das Ergebnis geprüft wurde, z. B. die einzustellende Lautstärke oder Helligkeit? Wenn dies der Fall ist, verwenden Sie einen Schieberegler.

Empfehlungen

  • Verwenden Sie eine Beschriftung oder Platzhaltertext, wenn der Zweck des Textfelds nicht eindeutig ist. Eine Beschriftung ist sichtbar, unabhängig davon, ob das Texteingabefeld über einen Wert verfügt. Platzhaltertext wird im Texteingabefeld angezeigt und wird erst ausgeblendet, wenn der Benutzer einen Wert eingibt.
  • Verleihen Sie dem Textfeld eine entsprechende Breite für den Bereich der Werte, die eingegeben werden können. Die Wortlänge variiert zwischen den einzelnen Sprachen. Sie sollten also die Lokalisierung berücksichtigen, wenn Ihre App global verwendet werden soll.
  • Ein Texteingabefeld ist normalerweise einzeilig (Textumbruch ist deaktiviert). Wenn Benutzer eine lange Zeichenfolge eingeben oder bearbeiten müssen, sollten Sie ein mehrzeiliges Texteingabefeld festlegen (Textumbruch ist aktiviert).
  • Im Allgemeinen wird ein Texteingabefeld für bearbeitbaren Text verwendet. Sie können ein Texteingabefeld jedoch auch als schreibgeschützt festlegen, sodass der Feldinhalt gelesen, ausgewählt und kopiert, jedoch nicht bearbeitet werden kann.
  • Um eine unübersichtliche Darstellung in einer Ansicht zu vermeiden, können Sie festlegen, dass ein Teil der Texteingabefelder nur angezeigt wird, wenn ein entsprechendes Kontrollkästchen aktiviert wird. Sie können den Aktivierungszustand eines Texteingabefelds auch an ein Steuerelement binden, z. B. an ein Kontrollkästchen.
  • Legen Sie das gewünschte Verhalten eines Texteingabefelds fest, wenn dieses einen Wert enthält, und ein Benutzer auf das Feld tippt. Als Standardverhalten empfiehlt es sich, dass der Wert bearbeitet werden kann und nicht ersetzt wird. Der Einfügepunkt wird zwischen den Wörtern platziert, und es wird keine Auswahl getroffen. Wenn „Ersetzen“ der am häufigsten verwendete Anwendungsfall für ein bestimmtes Texteingabefeld ist, können Sie den gesamten Text im Feld auswählen, wenn das Steuerelement den Fokus erhält. Durch die Benutzereingabe wird die Auswahl entfernt.
  • Wenn Sie die Eingabe auf einen bestimmten Zeichensatz oder ein bestimmtes Format beschränken möchten, z. B. eine Zahl, einen URI oder eine Währung, müssen Sie den Eingabebereich entsprechend festlegen. Dadurch wird festgelegt, welche Bildschirmtastatur verwendet wird.

Einzeilige Eingabefelder

  • Verwenden Sie mehrere einzeilige Textfelder, um viele kleine Textinformationensteile zu erfassen. Wenn die Textfelder ähnliche Merkmale aufweisen, gruppieren Sie diese.

  • Legen Sie die Größe der einzeiligen Textfelder etwas breiter fest als die längste erwartete Eingabe. Dadurch wird das Steuerelement zu breit, und es wird in zwei Steuerelemente aufgeteilt. Beispielsweise können Sie eine einzelne Adresseingebe in "Adresszeile 1" und "Adresszeile 2" aufteilen.
  • Legen Sie eine maximale Länge für die Zeichen fest, die eingegeben werden können. Wenn die zugrunde liegende Datenquelle keine lange Eingabezeichenfolge zulässt, beschränken Sie die Eingabe, und verwenden Sie ein Popupfenster zur Bestätigung, um die Benutzer zu benachrichtigen, wenn sie die Grenze erreicht haben.
  • Verwenden Sie einzeilige Texteingabesteuerelemente, um kleinere Textmengen der Benutzer zu erfassen.

    Das folgende Beispiel zeigt ein einzeiliges Textfeld zur Erfassung der Antwort auf eine Sicherheitsfrage. Da eine kurze Antwort erwartet wird, ist an dieser Stelle ein einzeiliges Textfeld angemessen. Da die erfassten Informationen keinem der speziellen Eingabetypen entsprechen, die von Windows erkannt werden, ist der generische Typ "Text" angemessen.

    Grundlegende Dateneingabe

  • Verwenden Sie eine Gruppe von kurzen einzeiligen Texteingabesteuerelementen fester Größe, um Daten mit einem bestimmten Format einzugeben.

    Formatierte Dateneingabe

  • Verwenden Sie ein einzeiliges, nicht eingeschränktes Texteingabesteuerelement, um Zeichenfolgen einzugeben oder zu bearbeiten, in Kombination mit einer Befehlsschaltfläche, über die die Benutzer gültige Werte auswählen können.

    Unterstützte Dateneingabe

  • Verwenden Sie ein einzeiliges Eingabesteuerelement für Zahlen, um Zahlen einzugeben oder zu bearbeiten.
  • Verwenden Sie ein einzeiliges Eingabesteuerelement für Kennwörter, um Kennwörter und PINs sicher einzugeben.

    Kennwort- und PIN-Eingabe
  • Verwenden Sie das einzeilige Eingabesteuerelement für E-Mails, um eine E-Mail-Adresse einzugeben.

    E-Mail-Eingabe

    Bei der Verwendung eines Eingabesteuerelements für E-Mails ist Folgendes inbegriffen:

    • Wenn die Benutzer zum Textfeld navigieren, wird die Bildschirmtastatur mit einer für E-Mail-Nachrichten spezifischen Tastaturbelegung angezeigt.
    • Wenn Benutzer ein ungültiges E-Mail-Format eingeben, werden Sie in einem Dialogfeld darüber informiert. E-Mail-Eingabe
  • Verwenden Sie das URL-Eingabesteuerelement für die Eingabe von Internetadressen.
  • Verwenden Sie das Eingabesteuerelement für Telefonnummern für die Eingabe von Telefonnummern.
  • Verwenden Sie keinen Textbereich mit der Zeilenhöhe 1, um ein einzeiliges Textfeld zu erstellen. Verwenden Sie stattdessen das Textfeld.
  • Verwenden Sie keinen Platzhaltertext, um das Textsteuerelement aufzufüllen, da Textfelder Platzhaltertexte löschen, wenn das Steuerelement verwendet wird. Verwenden Sie stattdessen das Attribut "value".
  • Platzieren Sie kein anderes Steuerelement neben einem Eingabefeld für Kennwörter. Das Kennworteingabefeld weist eine Schaltfläche zum Anzeigen des Kennworts auf, damit Benutzer die eingegebenen Kennwörter überprüfen können. Wenn ein anderes Steuerelement direkt daneben vorhanden ist, zeigen Benutzer möglicherweise versehentlich ihre Kennwörter an, wenn sie versuchen, mit dem anderen Steuerelement zu interagieren. Um dies zu verhindern, achten Sie auf einen gewissen Abstand zwischen dem Eingabefeld für Kennwörter und dem anderen Steuerelement, oder platzieren Sie das andere Steuerelement in der nächsten Zeile.

Mehrzeilige Texteingabesteuerelemente

  • Wenn Sie ein Rich-Text-Feld erstellen, stellen Sie Stilschaltflächen bereit, und implementieren Sie die zugehörigen Aktionen.
  • Verwenden Sie eine Schriftart, die mit dem Stil der App konsistent ist.
  • Legen Sie die Höhe des Textsteuerelements so fest, dass genügend Platz für typische Einträge vorhanden ist.
  • Verwenden Sie für die Erfassung von langen Textabschnitten mit einer maximalen Zeichen- oder Wörteranzahl ein Nur-Text-Feld, und stellen Sie einen Live-Zähler bereit, der dem Benutzer anzeigt, wie viele Zeichen bzw. Wörter bis zum Erreichen der Grenze verbleiben. Den Zähler müssen Sie selbst erstellen. Platzieren Sie ihn unter dem Textfeld, und aktualisieren Sie ihn dynamisch, während der Benutzer die einzelnen Zeichen oder Wörter eingibt.

    Langer Textabschnitt

  • Die Höhe der Texteingabesteuerelemente sollte sich während der Benutzereingabe nicht verändern.
  • Verwenden Sie kein mehrzeiliges Textfeld, wenn die Benutzer nur eine Zeile benötigen.
  • Verwenden Sie kein Rich-Text-Steuerelement, wenn ein Nur-Text-Steuerelement angemessen ist.

Weitere Hinweise zur Verwendung

Verwenden Sie ein Texteingabefeld, über das der Benutzer einen Textwert eingeben oder einen bereits eingegebenen Wert bearbeiten kann. Sie können die Anzahl der Zeichen einschränken, die eingegeben werden können, und Sie können aus einer Liste von Eingabebereichen auswählen, durch die die Eingabe auf einen bestimmten Zeichensatz oder ein bestimmtes Format beschränkt ist, z. B. eine Zahl, einen URI oder eine Währung.—

Auswählen des richtigen mehrzeiligen Texteingabesteuerelements

Wenn die Benutzer lange Zeichenfolgen eingeben oder bearbeiten sollen, verwenden Sie ein mehrzeiliges Textsteuerelement. Es gibt zwei Arten von mehrzeiligen Texteingabesteuerelementen: das Nur-Text-Eingabesteuerelement und das Rich-Text-Eingabesteuerelement.

  • Wenn der Hauptzweck des mehrzeiligen Textfelds darin besteht, Dokumente zu erstellen (z. B. Blogeinträge oder die Inhalte einer E-Mail-Nachricht) und diese Dokumente Rich-Text erfordern, verwenden Sie ein Rich-Text-Feld.
  • Wenn die Benutzer in der Lage sein sollen, ihre Texte zu formatieren, verwenden Sie ein Rich-Text-Feld.
  • Wenn Texte erfasst werden, die nur genutzt und nicht für die Benutzer erneut angezeigt werden, verwenden Sie ein Nur-Text-Eingabesteuerelement.
  • Verwenden Sie in allen anderen Szenarien ein Nur-Text-Eingabesteuerelement.

[Dieser Artikel enthält spezielle Informationen zu UWP-Apps (universelle Windows-Plattform) und Windows 10. Eine Windows 8.1-Anleitung erhalten Sie, indem Sie die PDF-Datei mit Windows 8.1-Richtlinien herunterladen.]

Verwandte Themen

Für Designer
Richtlinien für die Rechtschreibprüfung
Hinzufügen von Suchfunktionen
Für Entwickler (XAML)
TextBox class
Für Entwickler (HTML)
input type=text element | input type=text object
textArea element
contenteditable
Für Entwickler (Sonstige)
StringLength-Eigenschaft

 

 

Anzeigen:
© 2016 Microsoft