Exibindo e editando texto (HTML)

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente ]

Veja aqui como exibir e editar texto em um aplicativo da Windows Store em JavaScript.

Veja este recurso em ação como parte da nossa série sobre recursos para aplicativos, do início ao fim: Interação do usuário: entrada por toque e muito mais.

Controles de texto de linha única Um controle de entrada de texto de linha única permite que os usuários insiram uma linha de texto em seu aplicativo. Incluem um botão limpo para que os usuários possam remover rapidamente o conteúdo digitado e um botão de revelação de senha, caso seja um controle de entrada de senha.

Controle de texto de linha única.

Para criar um controle de texto de linha única, use o elemento input e defina seu atributo type para um desses valores: "email", "number", "password", "tel", "text" ou "url"

Controles de texto multilinha Um controle de texto multilinha permite que os usuários insiram grandes quantidades de texto. Inclui um indicador de movimento panorâmico, ou uma barra de rolagem, quando o texto fica maior que a altura da linha da caixa.

Controle de texto multilinha.

Existem dois tipos de caixas de texto multilinha.

  • A caixa de texto sem formatação é compatível com cadeias de texto em que apenas os caracteres da cadeia são codificados e representados na caixa. Para criar uma caixa de texto sem formatação, use o elemento textarea.
  • A caixa rich text é compatível com cadeias de texto em que cada caractere também é associado a informações de estilo, como negrito, sublinhado, itálico, sobrescrito e assim por diante. Para criar uma caixa rich text, defina a propriedade contentEditable dos elementos que você deseja editar.

Nesta seção

Tópico Descrição

Guia de início rápido: exibir texto

Os aplicativos da Windows Store em JavaScript usam vários elementos para exibir texto. Os principais elementos para exibição de texto somente leitura são label, div, paragraph e heading. Este Guia de início rápido mostra como usar esses elementos para exibir texto.

Guia de início rápido: entrada e edição de texto

Os aplicativos da Windows Store em JavaScript usam vários elementos para entrada e edição de texto, juntamente com um conjunto de atributos e propriedades para formatação de texto. Os elementos de entrada de texto principais são text box, text area, password input box e rich edit box/rich text box. Este Guia de início rápido mostra como você pode usar esses elementos para exibir, inserir e editar texto.