Comparaison comportementale
Champ de recherche vs Champ de texte
Différence décisive
Le Champ de recherche envoie une requête et propose souvent d’effacer ou de suggérer pendant la saisie ; le Champ de texte modifie une valeur générale stockée dans un formulaire.
Critères de choix, liens et sources
- Champ de rechercheChoisis Champ de recherche si le texte saisi est une requête sur un site, un catalogue ou un ensemble de résultats.Ouvrir la fiche Champ de recherche
- Champ de texteChoisis Champ de texte si la valeur est un nom, un e-mail, un code ou une autre saisie courte conservée comme donnée.Ouvrir la fiche Champ de texte
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.
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.
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
Champ de texte
Saisir un nom, e-mail, code ou autre valeur courte
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
Champ de texte
Saisir un nom, e-mail, code ou autre valeur courte
- 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é.
Champ de texte
Modifie une ligne de texte et expose validation, obligation, désactivation et autocomplétion.
- Rôle accessible
Champ de recherche
search > input[type=search]
Champ de texte
input[type=text]
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.
Champ de texte
Placer le focus dans le champ libellé, puis saisir ou coller une valeur sur une ligne.
- Modalité
Champ de recherche
Champ de requête non modal dans une région de recherche nommée.
Champ de texte
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.
Champ de texte
Dans le formulaire avec un libellé persistant et une aide ou erreur à proximité.
- 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é.
Champ de texte
Modifie une ligne de texte et expose validation, obligation, désactivation et autocomplétion.
- 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.
Champ de texte
Un focus visible entoure le champ sans masquer sa valeur, son libellé ni son erreur.
- 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.
Champ de texte
Sans objet : la valeur reste jusqu'à sa modification, sa réinitialisation ou son envoi volontaire.
- Rôle accessible
Champ de recherche
search > input[type=search]
Champ de texte
input[type=text]
- Cas d’usage
Champ de recherche
Rechercher dans un site, catalogue ou ensemble de résultats
Champ de texte
Saisir un nom, e-mail, code ou autre valeur courte
- Comportement mobile
Champ de recherche
Utiliser le clavier de recherche et garder effacement, envoi et résultats accessibles lorsque le clavier est ouvert.
Champ de texte
Choisir le bon clavier logiciel et la bonne autocomplétion, et éviter une taille de texte qui force le zoom.
| Dimension | Champ de rechercheSearch field | Champ de texteText field |
|---|---|---|
| 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 le champ libellé, puis saisir ou coller une valeur sur une ligne. |
| 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 un libellé persistant et une aide ou erreur à proximité. |
| Interactivité | Gère saisie, effacement, envoi et retour de résultats ; ce n’est pas un champ texte générique sans libellé. | Modifie une ligne de texte et expose validation, obligation, désactivation et autocomplétion. |
| Focus | L’envoi laisse le focus dans le formulaire de recherche pendant la mise à jour des résultats ; effacer le rend au champ. | Un focus visible entoure le champ sans masquer sa valeur, son libellé ni son erreur. |
| 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 : la valeur reste jusqu'à sa modification, sa réinitialisation ou son envoi volontaire. |
| Rôle accessible | search > input[type=search] | input[type=text] |
| Cas d’usage | Rechercher dans un site, catalogue ou ensemble de résultats | Saisir un nom, e-mail, code ou autre valeur courte |
| Comportement mobile | Utiliser le clavier de recherche et garder effacement, envoi et résultats accessibles lorsque le clavier est ouvert. | Choisir le bon clavier logiciel et la bonne autocomplétion, et éviter une taille de texte qui force le zoom. |