Comparaison comportementale
Champ de texte vs Zone de texte multiligne
Choisir Champ de texte pour : Saisir un nom, e-mail, code ou autre valeur courte. Choisir Zone de texte multiligne pour : Recueillir un message, une note ou une description.
| 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 | native textbox | native multiline textbox |
| 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. |