顯示和編輯文字 (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 市集應用程式可以使用幾個元素來顯示文字。顯示唯讀文字的主要元素包含 labeldivparagraphheading。本快速入門說明如何使用這些元素來顯示文字。

快速入門:文字輸入和編輯

使用 JavaScript 的 Windows 市集應用程式可以使用數個元素來輸入和編輯文字,以及一組屬性和內容來設定文字的格式。主要的文字輸入元素有 text boxtext areapassword input boxrich edit box/rich text box。本快速入門說明如何使用這些元素來顯示、輸入以及編輯文字。