Outgroup HTML tag

El elemento HTML optgroup nos permite agrupar opciones (elemento HTML option) en una lista de opciones (elemento HTML select). Un título es usualmente mostrado encima de las opciones contenidas por este elemento.

Como vemos en la imagen, las opciones de Ingresos y Gastos son elementos padre (optgroups) de las subopciones del selector. Esta programación se consigue:

<select name="pyg">
    <optgroup label="Ingresos">
        <option value="1">Nómina</option>
        <option value="2">Prestación de servicios</option>
        <option value="3">Freelance</option>
        <option value="4">Extraordinarios</option>
    </optgroup>
     <optgroup label="Gastos">
        <option value="5">Alimentación</option>
        <option value="6">Alojamiento</option>
        <option value="7">Ocio</option>
        <option value="8">Transporte</option>
     </optgroup>
</select>

Ver ejemplo en funcionamiento