Share via


Presentación y edición de texto (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows Runtime. Si estás desarrollando para Windows 10, consulta la documentación más reciente ]

Aquí explicamos cómo se muestra y se edita texto en una aplicación de la Tienda Windows con JavaScript.

Consulta esta característica como parte de nuestra serie Características de aplicaciones, de principio a fin: Interacción del usuario: entrada táctil... y mucho más.

Controles de texto de una línea Un control de entrada de texto de una línea permite que los usuarios escriban una línea de texto en tu aplicación. Incluye un botón de borrado para que los usuarios puedan borrar rápidamente lo que han escrito y un botón para mostrar la contraseña si se trata de un control de entrada de contraseña.

Control de texto de una línea

Para crear un control de texto de una línea, usas el elemento input y estableces su atributo type en uno de estos valores: "email", "number", "password", "tel", "text" o "url".

Controles de texto multilínea Un control de texto multilínea permite a los usuarios escribir textos más largos. Incluye un indicador de movimiento panorámico o barra de desplazamiento cuando el texto es más largo que el alto de fila del cuadro.

Control de texto multilínea

Hay dos tipos de cuadros de texto multilínea.

  • El cuadro de texto sin formato admite cadenas de texto en las que solo los caracteres de la cadena se codifican y representan en el cuadro. Para crear un cuadro de texto sin formato, usa el elemento textarea.
  • El cuadro de texto enriquecido admite cadenas de texto en las que cada carácter también está asociado con información estilística, como negrita, subrayado, cursiva, superíndice, etc. Para crear un cuadro de texto enriquecido, define la propiedad contentEditable de los elementos que quieras editar.

En esta sección

Tema Descripción

Inicio rápido: Mostrar texto

Las aplicaciones de la Tienda Windows con JavaScript pueden usar varios elementos para mostrar texto. Los principales elementos para mostrar texto de solo lectura son label, div, paragraph y heading. En este inicio rápido se explica cómo usar estos elementos para mostrar texto.

Inicio rápido: Entrada y edición de texto

Las aplicaciones de la Tienda Windows con JavaScript pueden usar varios elementos para introducir y modificar texto, así como un conjunto de atributos y propiedades para darle formato. Los principales elementos de entrada de texto son text box, text area, password input box y rich edit box/rich text box. En este inicio rápido te enseñamos a usar estos elementos para mostrar, escribir y editar texto.