HTML-tagg: <optgroup>

Användning av <optgroup>

Taggen <optgroup> grupperar alternativ i en <select>-lista. Den hjälper till att organisera och strukturera alternativ för användaren.

Attribut för <optgroup>

• label: Anger en rubrik för alternativen i gruppen.

Exempel med <optgroup>

<select>
  <optgroup label="Frukt">
    <option value="äpple">Äpple</option>
    <option value="banan">Banan</option>
  </optgroup>
  <optgroup label="Grönsaker">
    <option value="morot">Morot</option>
    <option value="potatis">Potatis</option>
  </optgroup>
</select>

Undersöka <optgroup>-taggen

<form>
  <label for="val">Välj ett alternativ:</label>
  <select id="val">
    <optgroup label="Frukt">
      <option value="äpple">Äpple</option>
      <option value="banan">Banan</option>
    </optgroup>
    <optgroup label="Grönsaker">
      <option value="morot">Morot</option>
      <option value="potatis">Potatis</option>
    </optgroup>
  </select>
</form>