SkillCodexOuvrir les favoris et l’historique
Mesure d'audience
Avec ton accord, Google Analytics mesure l'usage du site pour nous aider à l'améliorer. Ton choix est mémorisé sur cet appareil et reste modifiable via « Cookies » en pied de page.
Comparaison comportementale
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.
Décision
Attend-on une valeur courte, un texte multiligne ou une requête de recherche ?
Choisis Champ de texte si Text field accepte une ligne ; Textarea accepte plusieurs lignes, tandis que Search field envoie une requête dans un contexte de recherche.. Choisis Zone de texte multiligne si Textarea accepte les retours à la ligne et un contenu libre long ; Text field tient sur une ligne, tandis que Search field envoie une requête..
| 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. |
