Dropdown bezeichnet ein Element, das auf Klick nach unten aufklappt. Gemeint sind damit zwei verschiedene Dinge: in der Navigation das Untermenü zu einem Menüpunkt, im Formular die Auswahlliste, die in HTML als select-Element gebaut wird.
- Dropdown
In der Navigation: das Untermenü, das unter einem Menüpunkt aufklappt.
Beispiel: „Unter Leistungen klappt ein Dropdown mit den einzelnen Angeboten auf.“Im Formular: die Auswahlliste, aus der genau ein Wert gewählt wird.
Beispiel: „Das Land wird über ein Dropdown ausgewählt.“Auch: Aufklappmenü, Klappmenü oder Dropdown Menü für die Navigationsform, Auswahlmenü für die Formularform. Die Wortwahl verrät meist, welche der beiden gemeint ist.
Abgrenzung zum Mega Menü: Ein Dropdown zeigt eine einspaltige Liste. Ein Mega Menü öffnet eine breite, mehrspaltige Fläche und kann zusätzlich Bilder und Texte aufnehmen.
In der Navigation: das Untermenü
Ein Dropdown hält die erste Menüebene kurz und zeigt die Unterpunkte erst bei Bedarf. Das funktioniert bis etwa acht Einträgen je Punkt. Darüber wird die Liste länger als der Bildschirm, und ein Mega Menü ist die bessere Wahl.
Zwei Dinge gehen dabei oft schief. Das Dropdown schließt sich, sobald der Mauszeiger die Lücke zwischen Menüpunkt und Liste streift, und auf Touch-Geräten gibt es kein Darüberfahren, weshalb der erste Tipp das Menü öffnen und nicht der Seite folgen sollte.
Im Formular: das select-Element
Die Formularform ist als select-Element in HTML eingebaut und bringt Bedienung, Tastatursteuerung und das Erscheinungsbild des Betriebssystems mit. Nachbauten aus div-Elementen sehen gleicher aus, verlieren aber genau diese Eigenschaften.
<label for="land">Land</label>
<select id="land" name="land">
<option value="de">Deutschland</option>
<option value="at">Österreich</option>
<option value="ch">Schweiz</option>
</select>Wann andere Elemente besser passen
Bei zwei bis fünf Optionen sind sichtbare Auswahlfelder schneller, weil sie alles auf einen Blick zeigen und einen Klick sparen. Umgekehrt wird ein Dropdown ab etwa zwanzig Einträgen unhandlich; dann hilft ein Feld mit Vorschlägen beim Tippen.