Affichage et édition de texte (HTML)

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Voici comment afficher et modifier du texte dans une application du Windows Store en JavaScript.

Voir cette fonctionnalité en action dans le cadre de notre série Fonctionnalités d’application de A à Z: Interaction utilisateur : entrée tactile... et plus encore.

Contrôles de texte d’une seule ligne Un contrôle d’entrée de texte d’une seule ligne permet aux utilisateurs de saisir une seule ligne de texte dans votre application. Il comprend un bouton d’effacement pour permettre aux utilisateurs de rapidement supprimer le contenu qu’ils ont saisi et un bouton pour indiquer le mot de passe s’il s’agit d’un contrôle de saisie d’un mot de passe.

Contrôle de texte d’une seule ligne.

Pour créer un contrôle de texte d’une seule ligne, vous devez utiliser l’élément input et définir son attribut type sur l’une de ces valeurs : "email" (adresse de messagerie), "number" (numéro), "password" (mot de passe), "tel" (téléphone), "text" (texte) ou "url" (URL).

Contrôles de texte de plusieurs lignes Un contrôle de texte de plusieurs lignes permet aux utilisateurs de saisir des textes plus longs. Il comporte un indicateur ou une barre de défilement qui indique lorsque le texte dépasse la hauteur de la zone.

Contrôle de zone de texte de plusieurs lignes.

Il existe deux sortes de zones de texte de plusieurs lignes.

  • Zone de texte brut Une zone de texte brut prend en charge des chaînes de texte où seuls les caractères de la chaîne sont codés et représentés dans la zone. Pour créer une zone de texte brut, vous devez utiliser l’élément textarea.
  • Zone de texte enrichi Une zone de texte enrichi prend en charge les chaînes de texte où chaque caractère est également associé à des informations stylistiques, telles que le gras, le souligné, l’italique ou la mise en exposant. Pour créer une zone de texte enrichi, vous devez définir la propriété contentEditable des éléments à modifier.

Dans cette section

Rubrique Description

Démarrage rapide : affichage de texte

Les applications du Windows Store en JavaScript peuvent utiliser plusieurs éléments pour afficher du texte. Les principaux éléments utilisés pour afficher du texte en lecture seule sont label, div, paragraph et heading. Cette rubrique de démarrage rapide indique comment utiliser ces éléments pour afficher du texte.

Démarrage rapide : saisie et modification de texte

Les applications du Windows Store en JavaScript peuvent utiliser plusieurs éléments pour la saisie et la modification de texte, ainsi qu’un ensemble d’attributs et de propriétés pour la mise en forme du texte. Les principaux éléments de saisie de texte sont text box, text area, password input box et rich edit box/rich text box. Cette rubrique de démarrage rapide indique comment utiliser ces éléments pour afficher, saisir et modifier du texte.