Cookies en Outbook

Esta web utiliza cookies propias para ofrecer una mejor experiencia. Al navegar, aceptas dichas cookies.
  • Más información acerca de las cookies

Outbook

UI-Dev & more

HTML: categorización de los elementos OPTION en SELECT mediante OPTGROUP

Cuando dentro de la etiqueta select hay muchos elementos option resulta muy interesante su categorización, pero con alguna etiqueta que permita que esas categorías no se puedan seleccionar. La solución es la etiqueta optgroup:

<select>

<optgroup label="Historia">
  <option value ="e_antigua">Edad Antigua</option>
  <option value ="e_media">Edad Media</option>
  <option value ="e_moderna">Edad Moderna</option>
</optgroup>

<optgroup label="Geografía">
  <option value ="europa">Europa</option>
  <option value ="america">América</option>
  <option value ="asia">Asia</option>
</optgroup>

</select>

Resultado del ejemplo:

Tiene dos atributos (aparte de los predeterminados), label, que es obligatorio, y deberá rellenarse con el texto que se quiere obtener, y disabled, cuyo valor será «disabled» (en XHTML todos los atributos han de tener un valor, por eso se repite).

Referencias