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 Combobox pour : Un contrôle de valeur a besoin d'une surface associée pour des options ou une aide plus riche. Choisir Liste d'options pour : Une ou plusieurs valeurs sont choisies dans un ensemble composite d'options nommé.
Décision
La personne choisit-elle une valeur native, filtre-t-elle en saisissant ou navigue-t-elle dans une liste ?
Choisis Combobox si Combobox est le contrôle de valeur qui coordonne une surface associée et peut être modifiable ou sans saisie ; Select est un contrôle de formulaire natif à options prédéfinies, tandis que Listbox est le widget d'options composite qui peut être autonome ou servir de surface contextuelle.. Choisis Liste d'options si Listbox est le widget d'options composite, autonome ou contextuel, à sélection simple ou multiple ; Select est un contrôle de formulaire natif, tandis que Combobox est le contrôle de valeur qui possède ou contrôle une surface associée..
| Dimension | ComboboxCombobox | Liste d'optionsListbox |
|---|---|---|
| Déclenchement | Le focus, la saisie ou un bouton facultatif ouvre les suggestions correspondantes. | Le focus ou le pointeur atteint une liste d’options déjà visible. |
| Modalité | Champ modifiable non modal associé à une surface de suggestions. | Widget de sélection non modal intégré au formulaire ou à la tâche en cours. |
| Positionnement | La liste de suggestions est ancrée au champ et maintenue visible dans la fenêtre. | Une liste visible dans le flux, pas un sélecteur fermé avec surface surgissante. |
| Interactivité | Combine saisie de texte, navigation clavier et sélection d’une valeur suggérée. | Permet une sélection simple ou multiple avec déplacement clavier géré ; les options ne sont pas des actions. |
| Focus | Dans cet exemple modifiable avec popup listbox, le focus DOM reste dans le champ tandis que la relation d'option active communique la navigation ; les autres rôles de surface suivent leur propre modèle de focus. | Le select natif affichant plusieurs lignes forme un seul arrêt de tabulation. Dans cet exemple à sélection simple, la sélection suit le focus clavier : états actif et sélectionné évoluent ensemble ; une listbox personnalisée doit déclarer son propre modèle. |
| Fermeture | Échap ferme une surface ouverte sans valider de nouvelle valeur ; la conservation du texte et les autres actions de fermeture dépendent de la variante de combobox. | Dans cet exemple autonome, quitter avec Tab conserve la valeur sélectionnée ; lorsqu'une listbox est contextuelle, sa fermeture est coordonnée par le contrôle propriétaire. |
| Rôle accessible | combobox + popup (listbox | grid | tree | dialog) | listbox > option |
| Cas d’usage | Un contrôle de valeur a besoin d'une surface associée pour des options ou une aide plus riche | Une ou plusieurs valeurs sont choisies dans un ensemble composite d'options nommé |
| Comportement mobile | Garder les suggestions visibles au-dessus du clavier logiciel ; utiliser une recherche plus grande pour les jeux très volumineux. | Utiliser de grandes lignes et un défilement maîtrisé ; préférer un select natif pour une courte liste simple. |
