
El elemento html optgroup crea un conjunto de opciones dentro del elemento <select>
. Un ejemplo simple de usar el elemento <optgroup>
tres veces dentro de <select>
un elemento con la propiedad disabled
:
< select > < optgroup label = "group 1" > < option > option 1.1 </ option > </ optgroup > < optgroup label = "group 2" > < option > option 2.1 </ option > < option > option 2.2 </ option > </ optgroup > < optgroup label = "grupo 3" inhabilitado > <option > Opción 3.1 </ option > < option > Opción 3.2 </ option > < option > Opción 3.3 </ option > </ optgroup > </ select >
Etiqueta html optgroup
Clasificaciones de contenido | No hay. |
---|---|
Contenido permitido | Elemento <option> cero veces o más. Pero puede que no contenga <optgroup> otro elemento. |
Acrónimo | La etiqueta de inicio es obligatoria, la etiqueta de finalización es opcional si el elemento es seguido inmediatamente por <optgroup> otro elemento o el elemento principal no contiene ningún otro contenido. |
Elementos del padre | Elemento <select> . |
Interfaz DOMO | HTMLOptGroupElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
Características
En este elemento html optgroup se pueden utilizar propiedades globales.
disabled
Si se establece este valor booleano, el usuario no podrá elegir ninguna opción en el grupo, y los navegadores generalmente muestran estas opciones en plateado y no recibirán eventos como clics o foco.
label
El nombre del conjunto de opciones, que el navegador puede utilizar para mostrar un nombre para el conjunto de opciones en la interfaz de usuario.
Tenga en cuenta que esta función es obligatoria.
Formato predeterminado
La mayoría de los navegadores renderizan el elemento <optgroup>
con la propiedad establecida display
en block
, y hacen que font-weight (font-weight
) sea más grueso de lo normal:
optgroup { font-weight: bolder; display: block; }
- Elemento summary en HTML
- Elemento details en HTML
- Elemento meter en HTML
- Elemento legend en HTML
- Elemento textarea en HTML
- Elemento select en HTML
- Elemento progress en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento track en HTML
- Elemento label en HTML
- Elemento input en HTML
- Elemento form en HTML
- Elemento fieldset en HTML
- Elemento datalist en HTML
- Elemento button en HTML
- Elemento tr en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tbody en HTML
- Elemento tfoot en HTML
- Elemento table en HTML
- Elemento td en HTML
- Elemento colgroup en HTML
- Elemento col en HTML
- Elemento caption en HTML
- Elemento del en HTML
- Elemento script en HTML
- Elemento noscript en HTML
- Elemento canvas en HTML
- Elemento picture en HTML
- Elemento ins en HTML
- Elemento video en HTML
- Elemento source en HTML
- Elemento param en HTML
- Elemento object en HTML
- Elemento embed en HTML
- Elemento map en HTML
- Elemento img en HTML
- Elemento audio en HTML
- Elemento area en HTML