HTML Select Dropdown Generator
Klassisches Dropdown-Menü zur Auswahl einer Option.
Anwendung & Beispiele
Mit multiple + size entsteht eine Listbox. Vorausgewählte Option im generierten Code per selected-Attribut ergänzen.
FAQ
Wie wähle ich eine Option vor?
Mit <option selected> auf dem gewünschten Eintrag. Bei multiple dürfen auch mehrere Optionen selected sein.
Wie gruppiere ich Optionen?
Mit <optgroup label="Gruppe">…</optgroup> lassen sich Optionen in Untergruppen organisieren — z.B. nach Kategorie oder Region.
Kann ich das Aussehen anpassen?
Sehr eingeschränkt — <select> nutzt das native OS-Dropdown, das sich kaum stylen lässt. Für volle Kontrolle nutze ein Custom-Select-Plugin (z.B. Choices.js, Select2) oder ein eigenes Markup mit <button> + <ul> + ARIA.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.