Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a XHTML que contiene a XHTML: categorización de los elementos OPTION en SELECT mediante OPTGROUP

Datos de búsqueda

XHTML: 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

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio