Esta etiqueta se utiliza para crear un grupo de las mismas opciones de categoría en una lista desplegable. La etiqueta <optgroup> es necesaria cuando existe una lista larga del elemento.
Sintaxis:
<optgroup>
<option>..</option>
.
.
</optgroup>
Atributos:
- etiqueta : se utiliza para especificar la etiqueta de un grupo de opciones.
- disabled : se utiliza para deshabilitar el grupo de opciones en una lista.
Ejemplo 1:
html
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h2>HTML optgroup Tag</h2> <select> <!-- optgroup tag starts --> <optgroup label="Programming Languages"> <option value="C">C</option> <option value="C++">C++</option> <option value="Java">Java</option> </optgroup> <optgroup label="Scripting Language"> <option value="JavaScript">JavaScript</option> <option value="PHP">PHP</option> <option value="Shell">Shell</option> </optgroup> <!-- optgroup tag ends --> </select> </body> </html>
Producción:
Ejemplo 2:
html
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h2>HTML optgroup Tag</h2> <select> <!-- optgroup tag starts --> <optgroup label="Programming Languages"> <option value="C">C</option> <option value="C++">C++</option> <option value="Java">Java</option> </optgroup> <optgroup label="Scripting Language" disabled> <option value="JavaScript">JavaScript</option> <option value="PHP">PHP</option> <option value="Shell">Shell</option> </optgroup> <!-- optgroup tag ends --> </select> </body> </html>
Producción:
Navegador compatible:
- Google cromo 1
- Borde 12
- Internet Explorer 5.5
- Firefox 1
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA