Wie erstellt man ein HTML-Drop-Down mit allen Optionen, die standardmäßig angezeigt werden?

Question

Ich denke, es ist nicht wirklich ein Drop-down, aber es sieht aus wie ein Dropdown-Menü mit allen Werten, die beim Laden der Seite ausgewählt oder sichtbar sind. Ich bin mir nicht sicher über das korrekte HTML, um es zu erstellen. Hier ist ein Bild.

Answer 1

Sie suchen nach dem size Attribut des Elements select.

Wenn der Wert des Attributs size größer als 1 ist, werden alle Optionen in einem scrollbaren Bereich angezeigt. Ansonsten erhältst du das klassische Dropdown.

<select size="5"> 
 
    <option>Report A</option> 
 
    <option>Report B</option> 
 
    <option>Report C</option> 
 
    <option>Report D</option> 
 
</select>

Alternativ können Sie das multiple Attribut verwenden, die size auf einen Standardwert von 4.