Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Etiqueta optgroup HTML5: Agrupar las opciones de una etiqueta select

Nuevo post para repasar la etiqueta optgroup HTML5, sirve para agrupar las diferentes opciones (option) que hay en una etiqueta select.

En el pantallazo inferior podéis apreciar que al clickar en el select la agrupación ayuda a diferenciar los diferentes tipos de datos.

optgroup html5Sintaxis de la etiqueta optgroup HTML5

Vamos a ver la sintaxis de esta nueva etiqueta HTML5 extraída de su web oficial:

Os explico el código:

  • La etiqueta optgroup (con su apertura y cierre) se debe colocar entre los option.
  • Después mediante el atributo label ponemos un texto descriptivo de la agrupación.

Ejemplo de la etiqueta optgroup HTML5

Vamos realizar este ejemplo de optgroup para ver en funcionamiento la etiqueta HTML5:

Tal y como se puede apreciar en el código los optgroup están agrupando las diferentes opciones de colores.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Centro de preferencias de privacidad

Cookies imprescindibles

para medir la audiencia

ga,gdpr