Anzeigen und Bearbeiten von Text (HTML)

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

Hier erfahren Sie, wie Sie Text in Windows Store-Apps mit JavaScript anzeigen und bearbeiten.

Sehen Sie dieses Feature in unserer Reihe App-Features von A bis Z in Aktion.: Benutzerinteraktion: Toucheingabe... und vieles mehr.

Steuerelemente für einzeiligen Text Mit Steuerelementen für einzeiligen Text können Benutzer einzeiligen Text in die Anwendung eingeben. Diese Steuerelemente umfassen eine Schaltfläche zum Löschen, damit die Benutzer eingegebenen Text schnell entfernen können, und eine Schaltfläche für die Kennwortanzeige, wenn das Steuerelement der Kennworteingabe dient.

Ein Steuerelement für einzeiligen Text.

Steuerelemente für einzeiligen Text erstellen Sie mit dem input-Element, dessen type-Attribut Sie auf einen der folgenden Werte festlegen: "email", "number", "password", "tel", "text" oder "url".

Steuerelemente für mehrzeiligen Text Mit Steuerelementen für mehrzeiligen Text können Benutzer größere Textmengen eingeben. Diese Steuerelemente umfassen eine Verschiebeanzeige oder Bildlaufleiste, wenn der Text nicht in die Zeilenhöhe des Felds passt.

Ein Steuerelement für mehrzeiligen Text.

Es gibt zwei Arten von mehrzeiligen Textfeldern.

  • Nur-Text-Felder sind für Textzeichenfolgen vorgesehen, für die im Feld ausschließlich die Zeichen codiert und dargestellt werden. Nur-Text-Felder werden mit dem textarea-Element erstellt.
  • Rich-Text-Felder sind für Textzeichenfolgen vorgesehen, bei denen jedem Zeichen außerdem Informationen zum Stil zugeordnet sind, z. B. Fettformatierung, Unterstreichung, kursive Schrift, Hochstellung usw. Zum Erstellen eines Rich-Text-Felds legen Sie die contentEditable-Eigenschaft des Elements fest, das Sie bearbeiten möchten.

Inhalt dieses Abschnitts

Thema Beschreibung

Schnellstart: Anzeigen von Text

Für Windows Store-Apps mit JavaScript können verschiedene Elemente zum Anzeigen von Text verwendet werden. Die primären Elemente zum Anzeigen von schreibgeschütztem Text umfassen label, div, paragraph und heading. Diese Schnellstartanleitung zeigt Ihnen, wie Sie diese Elemente zum Anzeigen von Text verwenden.

Schnellstart: Texteingabe und -bearbeitung

Für Windows Store-Apps mit JavaScript können verschiedene Elemente für die Eingabe und das Bearbeiten von Text zusammen mit einer Reihe von Attributen und Eigenschaften zum Formatieren von Text verwendet werden. Die primären Texteingabeelemente lauten text box, text area, password input box und rich edit box/rich text box. In dieser Schnellstartanleitung erfahren Sie, wie Sie diese Elemente für die Anzeige, Eingabe und Bearbeitung von Text verwenden können.