Here's how to display and edit text in a Windows Store app using JavaScript.
Single-line text controls A single-line text input control lets users enter one line of text into your application. It includes a clear button so users can quickly remove the contents they've typed, and a password reveal button if it's a password input control.
To create a single-line text control, you use the input element and set its type attribute to one of these values: "email", "number", "password", "tel", "text", or "url".
Multi-line text controls A multi-line text control lets users enter larger amounts of text. It includes a panning indicator, or scrollbar, when the text gets longer than the row height of the box.
There are two kinds of multi-line text boxes.
- Plain text box supports strings of text where only the characters of the string are encoded and represented in the box. To create a plain text box, you use the textarea element.
- Rich text box supports strings of text where each character is also associated with stylistic info, such as bold, underline, italics, superscript, and so forth. To create a rich text box, you set the contentEditable property of the elements that you want to edit.
In this section
| Topic | Description |
|---|---|
|
Follow these guidelines when adding text to your Windows Store app. | |
|
Follow these guidelines when selecting fonts and specifying font sizes and colors. | |
|
This document lists some of the useful glyphs provided by the Segoe UI Symbol font that you can use as icons. | |
|
Guidelines for adding text input controls to your Windows Store apps using JavaScript. | |
|
Follow these guidelines when using spell checking with text input controls. |
Build date: 11/29/2012
