Comparaison comportementale
Champ de recherche vs Zone de texte multiligne
Différence décisive
Le Champ de recherche est une saisie de requête sur une ligne avec un comportement d’envoi de recherche ; la Zone de texte multiligne accepte plusieurs lignes de texte libre destiné à être conservé.
Critères de choix, liens et sources
- Champ de rechercheChoisis Champ de recherche si l’utilisateur cherche quelque chose et attend des résultats, pas un enregistrement.Ouvrir la fiche Champ de recherche
- Zone de texte multiligneChoisis Zone de texte multiligne si l’utilisateur rédige un message, une note ou une description sur plusieurs lignes.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 recherche
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 recherche
Mission
Champ de recherche - Search field
Rechercher dialog, envoyer la requête, puis ouvrir l’un des résultats de concept affichés.
É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 région de recherche nommée contient le champ, l'action visible et le contrôle effacer lorsqu'il est rempli.
- Cas limite
- Une requête sans correspondance affiche un résultat vide explicite, tandis que l’échec simulé conserve la saisie et propose Réessayer.
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
Search field envoie une requête ; Text field modifie une valeur générale, tandis que Textarea accepte un contenu multiligne.
Lequel convient à ton besoin ?
Champ de recherche
Rechercher dans un site, catalogue ou ensemble de résultats
Zone de texte multiligne
Recueillir un message, une note ou une description
Différence et sources
Search field envoie une requête ; Text field modifie une valeur générale, tandis que Textarea accepte un contenu multiligne.
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 recherche
Rechercher dans un site, catalogue ou ensemble de résultats
Zone de texte multiligne
Recueillir un message, une note ou une description
- Interactivité
Champ de recherche
Gère saisie, effacement, envoi et retour de résultats ; ce n’est pas un champ texte générique sans libellé.
Zone de texte multiligne
Modifie un texte multiligne, peut être redimensionnée et expose longueur et validation.
- Rôle accessible
Champ de recherche
search > input[type=search]
Zone de texte multiligne
textarea
Neuf dimensions
- Déclenchement
Champ de recherche
Placer le focus et saisir une requête, puis l’envoyer explicitement ou satisfaire des critères documentés de recherche en direct.
Zone de texte multiligne
Placer le focus dans la zone libellée, puis saisir ou coller un contenu multiligne.
- Modalité
Champ de recherche
Champ de requête non modal dans une région de recherche nommée.
Zone de texte multiligne
Champ de formulaire non modal.
- Positionnement
Champ de recherche
Dans un en-tête ou une région de recherche directement reliée à ses résultats.
Zone de texte multiligne
Dans le formulaire avec une hauteur permettant d’apercevoir plusieurs lignes.
- Interactivité
Champ de recherche
Gère saisie, effacement, envoi et retour de résultats ; ce n’est pas un champ texte générique sans libellé.
Zone de texte multiligne
Modifie un texte multiligne, peut être redimensionnée et expose longueur et validation.
- Focus
Champ de recherche
L’envoi laisse le focus dans le formulaire de recherche pendant la mise à jour des résultats ; effacer le rend au champ.
Zone de texte multiligne
Le focus visible entoure le contrôle et reste perceptible pendant le défilement du texte.
- Fermeture
Champ de recherche
Sans objet : les résultats se mettent à jour en ligne ; Effacer retire la requête, les résultats envoyés, l’état ouvert et les erreurs.
Zone de texte multiligne
Sans objet : le brouillon reste jusqu'à sa réinitialisation, son envoi ou son effacement volontaire.
- Rôle accessible
Champ de recherche
search > input[type=search]
Zone de texte multiligne
textarea
- Cas d’usage
Champ de recherche
Rechercher dans un site, catalogue ou ensemble de résultats
Zone de texte multiligne
Recueillir un message, une note ou une description
- Comportement mobile
Champ de recherche
Utiliser le clavier de recherche et garder effacement, envoi et résultats accessibles lorsque le clavier est ouvert.
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 rechercheSearch field | Zone de texte multiligneTextarea |
|---|---|---|
| Déclenchement | Placer le focus et saisir une requête, puis l’envoyer explicitement ou satisfaire des critères documentés de recherche en direct. | Placer le focus dans la zone libellée, puis saisir ou coller un contenu multiligne. |
| Modalité | Champ de requête non modal dans une région de recherche nommée. | Champ de formulaire non modal. |
| Positionnement | Dans un en-tête ou une région de recherche directement reliée à ses résultats. | Dans le formulaire avec une hauteur permettant d’apercevoir plusieurs lignes. |
| Interactivité | Gère saisie, effacement, envoi et retour de résultats ; ce n’est pas un champ texte générique sans libellé. | Modifie un texte multiligne, peut être redimensionnée et expose longueur et validation. |
| Focus | L’envoi laisse le focus dans le formulaire de recherche pendant la mise à jour des résultats ; effacer le rend au champ. | Le focus visible entoure le contrôle et reste perceptible pendant le défilement du texte. |
| Fermeture | Sans objet : les résultats se mettent à jour en ligne ; Effacer retire la requête, les résultats envoyés, l’état ouvert et les erreurs. | Sans objet : le brouillon reste jusqu'à sa réinitialisation, son envoi ou son effacement volontaire. |
| Rôle accessible | search > input[type=search] | textarea |
| Cas d’usage | Rechercher dans un site, catalogue ou ensemble de résultats | Recueillir un message, une note ou une description |
| Comportement mobile | Utiliser le clavier de recherche et garder effacement, envoi et résultats accessibles lorsque le clavier est ouvert. | Grandir ou défiler de façon prévisible et garder curseur, compteur et erreur visibles au-dessus du clavier. |