Comparaison comportementale
Champ de texte vs Zone de texte multiligne
Différence décisive
Le Champ de texte tient sur une ligne pour une valeur courte ; la Zone de texte multiligne accepte les retours à la ligne et un texte libre plus long.
Critères de choix, liens et sources
- Champ de texteChoisis Champ de texte si la valeur est un nom, un e-mail, un code ou une autre saisie courte.Ouvrir la fiche Champ de texte
- Zone de texte multiligneChoisis Zone de texte multiligne si l’utilisateur rédige un message, une note ou une description.Ouvrir la fiche Zone de texte multiligne
Voir les neuf dimensionsVoir les sources
Saisir du texte
Essayer
Attend-on une valeur courte, un texte multiligne ou une requête de recherche ?
Champ de texte
Contexte commun aux essais
Un formulaire recueille du texte, la longueur du contenu et l'intention d'envoi déterminant le contrôle de saisie approprié.
Champ de texte
Mission
Champ texte - Text field
Saisir un nom valide, envoyer, puis dépasser la limite et corriger grâce au message relié.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Le libellé visible, la valeur actuelle et l'aide restent disponibles avant toute erreur.
- Cas limite
- Après un envoi invalide, le texte reste, l'erreur précise est reliée et le focus suit uniquement le plan de correction du formulaire.
Zone de texte multiligne
Mission
Zone de texte - Textarea
Écrire deux paragraphes, redimensionner le champ, dépasser la limite et corriger sans perdre le brouillon.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- La Note de passation, l’aide et le compteur restent lisibles quand la zone multiligne grandit ou défile.
- Cas limite
- À la limite, la saisie et le collage sont traités de façon cohérente et une erreur précise reliée conserve tout le brouillon.
Ce que cet essai montre
Text field accepte une ligne ; Textarea accepte plusieurs lignes, tandis que Search field envoie une requête dans un contexte de recherche.
Lequel convient à ton besoin ?
Champ de texte
Saisir un nom, e-mail, code ou autre valeur courte
Zone de texte multiligne
Recueillir un message, une note ou une description
Différence et sources
Text field accepte une ligne ; Textarea accepte plusieurs lignes, tandis que Search field envoie une requête dans un contexte de recherche.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Libellé
Le texte persistant qui nomme un contrôle ou un champ.
Décision
Question de famille
Attend-on une valeur courte, un texte multiligne ou une requête de recherche ?
Trois critères pour choisir
- Cas d’usage
Champ de texte
Saisir un nom, e-mail, code ou autre valeur courte
Zone de texte multiligne
Recueillir un message, une note ou une description
- Interactivité
Champ de texte
Modifie une ligne de texte et expose validation, obligation, désactivation et autocomplétion.
Zone de texte multiligne
Modifie un texte multiligne, peut être redimensionnée et expose longueur et validation.
- Rôle accessible
Champ de texte
input[type=text]
Zone de texte multiligne
textarea
Neuf dimensions
- Déclenchement
Champ de texte
Placer le focus dans le champ libellé, puis saisir ou coller une valeur sur une ligne.
Zone de texte multiligne
Placer le focus dans la zone libellée, puis saisir ou coller un contenu multiligne.
- Modalité
Champ de texte
Champ de formulaire non modal.
Zone de texte multiligne
Champ de formulaire non modal.
- Positionnement
Champ de texte
Dans le formulaire avec un libellé persistant et une aide ou erreur à proximité.
Zone de texte multiligne
Dans le formulaire avec une hauteur permettant d’apercevoir plusieurs lignes.
- Interactivité
Champ de texte
Modifie une ligne de texte et expose validation, obligation, désactivation et autocomplétion.
Zone de texte multiligne
Modifie un texte multiligne, peut être redimensionnée et expose longueur et validation.
- Focus
Champ de texte
Un focus visible entoure le champ sans masquer sa valeur, son libellé ni son erreur.
Zone de texte multiligne
Le focus visible entoure le contrôle et reste perceptible pendant le défilement du texte.
- Fermeture
Champ de texte
Sans objet : la valeur reste jusqu'à sa modification, sa réinitialisation ou son envoi volontaire.
Zone de texte multiligne
Sans objet : le brouillon reste jusqu'à sa réinitialisation, son envoi ou son effacement volontaire.
- Rôle accessible
Champ de texte
input[type=text]
Zone de texte multiligne
textarea
- Cas d’usage
Champ de texte
Saisir un nom, e-mail, code ou autre valeur courte
Zone de texte multiligne
Recueillir un message, une note ou une description
- Comportement mobile
Champ de texte
Choisir le bon clavier logiciel et la bonne autocomplétion, et éviter une taille de texte qui force le zoom.
Zone de texte multiligne
Grandir ou défiler de façon prévisible et garder curseur, compteur et erreur visibles au-dessus du clavier.
| Dimension | Champ de texteText field | Zone de texte multiligneTextarea |
|---|---|---|
| Déclenchement | Placer le focus dans le champ libellé, puis saisir ou coller une valeur sur une ligne. | Placer le focus dans la zone libellée, puis saisir ou coller un contenu multiligne. |
| Modalité | Champ de formulaire non modal. | Champ de formulaire non modal. |
| Positionnement | Dans le formulaire avec un libellé persistant et une aide ou erreur à proximité. | Dans le formulaire avec une hauteur permettant d’apercevoir plusieurs lignes. |
| Interactivité | Modifie une ligne de texte et expose validation, obligation, désactivation et autocomplétion. | Modifie un texte multiligne, peut être redimensionnée et expose longueur et validation. |
| Focus | Un focus visible entoure le champ sans masquer sa valeur, son libellé ni son erreur. | Le focus visible entoure le contrôle et reste perceptible pendant le défilement du texte. |
| Fermeture | Sans objet : la valeur reste jusqu'à sa modification, sa réinitialisation ou son envoi volontaire. | Sans objet : le brouillon reste jusqu'à sa réinitialisation, son envoi ou son effacement volontaire. |
| Rôle accessible | input[type=text] | textarea |
| Cas d’usage | Saisir un nom, e-mail, code ou autre valeur courte | Recueillir un message, une note ou une description |
| Comportement mobile | Choisir le bon clavier logiciel et la bonne autocomplétion, et éviter une taille de texte qui force le zoom. | Grandir ou défiler de façon prévisible et garder curseur, compteur et erreur visibles au-dessus du clavier. |