Verwende ComboBox, um z. B. ...
- aus einer vordefinierten Liste von Optionen eine Auswahl zu treffen.
- bei bekannten, überschaubaren Optionen (z. B. Sprachen, Kategorien, Geschlecht).
Grundlagen
Die ComboBox kombiniert ein Texteingabefeld mit einem Auswahlmenü. Sie ermöglicht es Usern, durch die Eingabe von Text Vorschläge aus einer vordefinierten Liste zu erhalten und daraus eine Auswahl zu treffen. Die Liste wird bei Texteingabe dynamisch gefiltert. Eine freie Eingabe außerhalb der vorgeschlagenen Optionen ist nicht vorgesehen.
Best practices
Achte bei der Verwendung einer ComboBox darauf, dass ...
- die angezeigten Optionen klar und eindeutig benannt sind.
- die Liste der Vorschläge sinnvoll eingegrenzt ist, um die Auswahl zu erleichtern.
- die vorgeschlagenen Optionen die erwarteten Eingaben möglichst vollständig abdecken.
Verwendung
Verwende eine Combobox, um ...
- Usern eine gezielte Auswahl aus einer umfangreicheren Liste zu ermöglichen.
- Eingaben zu beschleunigen und Eingabefehler zu minimieren, indem passende Optionen vorgeschlagen werden.
ComboBox vs. Autocomplete
ComboBoxen und Autocomplete sehen oft ähnlich aus, erfüllen aber unterschiedliche Zwecke.
Verwende Autocomplete, um z. B. ...
- Usern zu ermöglichen, freie Eingaben zu machen, während Vorschläge zur Auswahl angezeigt werden.
- bei langen oder dynamischen Datenlisten (z. B. Städte, Usernamen, Tags).