optgroup | Html

 

• elemento html
• html 5
• html 4.01

• Modificado: 18 Jan 2024

Descripción

La etiqueta optgroup permite agrupar opciones dentro de un elemento select, facilitando la organización y navegación en listas desplegables largas. Este elemento no muestra ningún contenido por sí solo, su principal función es proporcionar un etiquetado para opciones agrupadas.

Sintaxis

<optgroup>
    <option></option>
    <option></option>
</optgroup>

Atributos

• disabled
• label

Atributos Globales

• accesskey
• autocapitalize
• autofocus
• contenteditable
• dir
• draggable
• enterkeyhint
• hidden
• inputmode
• is
• itemid
• itemprop
• itemref
• itemscope
• itemtype
• lang
• nonce
• spellcheck
• style
• tabindex
• title
• translate

Ejemplo

<select>
    <optgroup label="Animales">
        <option value="gato">Gato</option>
        <option value="perro">Perro</option>
    </optgroup>
    <optgroup label="Plantas">
        <option value="rosa">Rosa</option>
        <option value="girasol">Girasol</option>
    </optgroup>
</select>

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.