Groupe de concepts
Choisir dans une liste
Comparer un sélecteur natif fermé, un contrôle de suggestions filtrables et une liste d'options toujours visible.
Essaie les 3 concepts, compare ce qui change, puis utilise le Pack adapté à ton besoin.
Essayer les composantsChoisir dans une liste
Essayer
La personne choisit-elle une valeur native, filtre-t-elle en saisissant ou navigue-t-elle dans une liste ?
Liste de sélection
Contexte commun aux essais
Un formulaire demande à l'utilisateur de choisir une valeur dans un ensemble d'options connu avant de continuer.
Liste de sélection
Mission
Liste déroulante native - Select
Choisir le Portugal au pointeur et au clavier, puis confirmer que la valeur du formulaire est identique.
É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 liste native étiquetée affiche le pays actuel et ouvre le sélecteur d'options de la plateforme.
- Cas limite
- L'option indicative obligatoire ne peut pas être envoyée comme pays valide et son erreur reste reliée au champ.
Combobox
Mission
Champ à suggestions - Combobox
Saisir Porto, parcourir les suggestions avec les flèches, valider la bonne ville, puis effacer et tester l'absence de résultat.
La frappe réduit les options disponibles.
É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
- Les villes correspondantes apparaissent avec la requête et une option active est identifiée visuellement et par programme.
- Cas limite
- Une requête sans correspondance conserve le texte, annonce l'absence d'options et propose un moyen clair de corriger.
Ce que cet essai montre
Select est un contrôle de formulaire natif dont les valeurs viennent seulement d'options prédéfinies et dont le mode peut être simple ou multiple ; Combobox contrôle une surface associée et peut être modifiable ou sans saisie, tandis que Listbox est un widget d'options composite, autonome ou utilisé dans une surface contextuelle.
Lequel convient à ton besoin ?
Liste de sélection
Choisir une ou plusieurs valeurs connues dans une liste prédéfinie
Combobox
Un contrôle de valeur a besoin d'une surface associée pour des options ou une aide plus riche
Différence et sources
Select est un contrôle de formulaire natif dont les valeurs viennent seulement d'options prédéfinies et dont le mode peut être simple ou multiple ; Combobox contrôle une surface associée et peut être modifiable ou sans saisie, tandis que Listbox est un widget d'options composite, autonome ou utilisé dans une surface contextuelle.
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.
Les trois concepts
Les trois comparaisons
Signaux que tu les confonds
Ces descriptions correspondent à tous les concepts du groupe : aucune ne suffit à décider.
- choisir une valeur dans une collection d'options connue
- la liste peut rester fermée devenir filtrable ou rester visible