HTML Gruppi di opzioni


Esempio

Puoi raggruppare ordinatamente le opzioni all'interno di un menu di selezione per fornire un layout più strutturato in un lungo elenco di opzioni utilizzando l'elemento <optgroup> .

La sintassi è molto semplice, semplicemente usando l'elemento con un attributo label per identificare il titolo per il gruppo e contenente zero o più opzioni che dovrebbero essere all'interno di quel gruppo.

<select name="">
  <option value="milk">Milk</option>
  <optgroup label="Fruits">
    <option value="banana">Bananas</option>
    <option value="strawberry">Strawberries</option>
  </optgroup>
  <optgroup label="Vegetables" disabled>
    <option value="carrot">Carrots</option>
    <option value="zucchini">Zucchini</option>
  </optgroup>
</select>

Quando si utilizzano i gruppi di opzioni, non tutte le opzioni devono essere contenute in un gruppo. Inoltre, la disattivazione di un gruppo di opzioni disabilita tutte le opzioni all'interno del gruppo e non è possibile riattivare manualmente una singola opzione all'interno di un gruppo disabilitato.