顯示和編輯文字 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App，請參閱 最新文件 ]

這裡說明如何在使用 JavaScript 的 Windows 市集應用程式中顯示和編輯文字。

如需了解此功能的運作情形，請參閱應用程式功能，從開始到完成系列: 使用者互動：觸控輸入...等等。

單行文字控制項 單行文字輸入控制項可以讓使用者將一行文字輸入應用程式中。這個控制項中包含一個清除按鈕，可以讓使用者快速移除已輸入的內容；如果是密碼輸入控制項，還會包含一個顯示密碼按鈕。

若要建立單行文字控制項，您可以使用 input 元素並將其 type 屬性設為下列其中一個值："email"、"number"、"password"、"tel"、"text" 或 "url"。

多行文字控制項 多行文字控制項可以讓使用者輸入大量文字。 這個控制項中包含一個移動瀏覽指示器，若文字超出方塊的列高則為捲軸。

多行文字方塊有兩種。

• 純文字方塊支援的文字字串中，只有字串字元會在方塊中編碼及呈現。若要建立純文字方塊，請使用 textarea 元素。
• RTF 方塊支援的文字字串中，每個字元都會與文體資訊 (如粗體、底線、斜體、上標等) 相關聯。 若要建立 RTF 方塊，請設定要編輯之元素的 contentEditable 屬性。

在這個章節中

主題	說明
快速入門：顯示文字	使用 JavaScript 的 Windows 市集應用程式可以使用幾個元素來顯示文字。顯示唯讀文字的主要元素包含 label、div、paragraph 和 heading。本快速入門說明如何使用這些元素來顯示文字。
快速入門：文字輸入和編輯	使用 JavaScript 的 Windows 市集應用程式可以使用數個元素來輸入和編輯文字，以及一組屬性和內容來設定文字的格式。主要的文字輸入元素有 text box、text area、password input box 及 rich edit box/rich text box。本快速入門說明如何使用這些元素來顯示、輸入以及編輯文字。