Wenn du in HTML eine Dropdown Liste erstellen möchtest dann benötigst du dafür das < select > Tag. Eine Dropdownliste lässt sich folgendermaßen erstellen:

Dropdown-Listen in HTML erstellen

Es gibt zwei gängige Methoden, um Dropdown-Listen in HTML zu erstellen:

Mit dem <select>-Element:

Dies ist die Standardmethode und eignet sich am besten für die Auswahl einer einzelnen Option aus einer Liste.

Beispiel:

HTML
<select name="auswahl" id="auswahlId">
  <option value="option1" selected>Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

Mit verschachtelten <ul>- und <li>-Elementen:

Diese Methode eignet sich besser für komplexe Menüs mit mehreren Ebenen.

Beispiel:

HTML
<ul class="dropdown">
  <li><a href="#">Hauptmenüpunkt 1</a>
    <ul>
      <li><a href="#">Unterpunkt 1.1</a></li>
      <li><a href="#">Unterpunkt 1.2</a></li>
    </ul>
  </li>
  <li><a href="#">Hauptmenüpunkt 2</a></li>
  <li><a href="#">Hauptmenüpunkt 3</a></li>
</ul>

Styling mit CSS:

Über mich