Cómo crear un separador en un Select Box (selector desplegable de HTML)

Ésta son de esas cosas que están en la especificación de HTML, pero nunca les prestamos atención. El caso es que a veces al implementar un Select Box (desplegable en HTML), nos gustaría poder dividirlo de alguna forma con separadores. Para ello, puedes utilizar elTAG optgroup, que se utiliza para crear grupos.

Por ejemplo:

 <select>
<optgroup label=»Animales»>
<option value=»Perro»>Perro</option>
<option value=»Gato»>Gato</option>
<option value=»Jirafa»>Jirafa</option>
</optgroup>
<optgroup label=»Objetos de casa»>
<option value=»Lámpara»>Lámpara</option>
<option value=»Mesa»>Mesa</option>
</optgroup>
</select>

Dani Pastor | Fotógrafo y retocador publicitario, diseñador gráfico y programador web
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.