À retenir
- Élément fondamental des interfaces graphiques (UI).
- Sert principalement à la saisie de données courtes (une seule ligne).
- Peut être paramétrée pour masquer les caractères (pour les mots de passe).
Une zone de texte est un espace rectangulaire interactif dans lequel un utilisateur peut taper des lettres, des chiffres ou des symboles. C'est l'équivalent numérique d'une case blanche sur un formulaire papier que l'on doit remplir au stylo.
Étymologie
Le terme est une traduction littérale de l'anglais text box ou text field. Le mot "zone" désigne un espace délimité, et "texte" vient du latin textus (tissu, trame), illustrant ici l'assemblage de caractères saisis par l'utilisateur.
Exemples d'usage
- La barre de recherche d'un site web.
- Le champ "Identifiant" ou "Mot de passe" lors d'une connexion.
- Le champ de saisie du destinataire dans une application de messagerie.
Cas d'usage
Ce concept intervient partout où une interaction textuelle est nécessaire : création de comptes (formulaires), configuration de logiciels, outils de recherche ou encore interfaces de commande simplifiées.
Bonnes pratiques
Il est recommandé d'ajouter un texte d'aide (placeholder) à l'intérieur de la zone pour guider l'utilisateur. Il faut également limiter techniquement le nombre de caractères autorisés pour éviter les erreurs de base de données et s'assurer que le curseur s'y place automatiquement (focus) quand c'est pertinent.
Synonymes
Antonymes
Conseil
Si vous créez un site web, n'oubliez pas de lier votre zone de texte à une étiquette <label>. Cela permet aux personnes malvoyantes utilisant des lecteurs d'écran de savoir ce qu'elles doivent écrire dans la case.
Questions fréquentes
Quelle est la différence entre une zone de texte et une zone de saisie ?
Ce sont globalement des synonymes. Cependant, 'zone de texte' est plus souvent utilisé pour désigner l'aspect visuel, tandis que 'champ de saisie' insiste sur l'action de l'utilisateur.
Une zone de texte peut-elle contenir plusieurs lignes ?
Pour plusieurs lignes, on utilise généralement un composant spécifique appelé 'aire de texte' (textarea), la zone de texte classique étant limitée à une seule ligne horizontalement.