Formulari. Etiqueta select i optgroup

En una entrada anterior vam veure com funcionava l'etiqueta <select>

Ara veurem com funciona l'etiqueta <optgroup>. Aquesta etiqueta ens permet agrupar entrades del select. Si tenim un camp select amb moltes opcions podem agrupar aquestes opcions per temes. Per exemple:

I aquí tindríem el codi:





<select name="articulo">
    <optgroup label="Frutas">
        <option value="1">Naranjas</option>
        <option value="2">Manzanas</option>
    </optgroup>
    <optgroup label="Verduras">
        <option value="7">Lechuga</option>
        <option value="8">Acelga</option>
    </optgroup>
</select>

L'etiqueta <optgroup> ens permet agrupar les opcions i l'etiqueta <label>, ens permet donar nom als grups 
 
Podeu provar un altre exemple aquí