# ComboBox

Die ComboBox kombiniert ein Texteingabefeld mit einem Auswahlmenü. Bei der Eingabe wird eine vordefinierte Liste dynamisch gefiltert, aus der eine Auswahl getroffen werden kann.

## Guidelines

# 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](/04-components/form-controls/autocomplete/overview) sehen oft
ähnlich aus, erfüllen aber unterschiedliche Zwecke.


- aus einer vordefinierten Liste von Optionen eine Auswahl zu treffen.
- bei bekannten, überschaubaren Optionen (z. B. Sprachen, Kategorien, Geschlecht).

- 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).