Usaremos las etiquetas <optgroup> y <option> para crear una lista de grupos de opciones y usaremos el atributo disabled con <optgroup> para crear una lista de grupos de opciones deshabilitados. La etiqueta <optgroup> se usa 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. La etiqueta <option> en HTML se usa para elegir una opción de un menú desplegable.
Sintaxis:
<optgroup label="">
<option label=""> </option>
</optgroup>
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title> How to specify that an option-group should be disabled in HTML5? </title> </head> <body style="text-align: center;"> <h1 style="color: green;"> GeeksforGeeks </h1> <h3> How to specify that an option-group<br> should be disabled in HTML5? </h3> <select> <optgroup label="Computer Programming" disabled> <option value="c">C</option> <option value="cpp">C++</option> <option value="java">Java</option> <option value="python">Python</option> </optgroup> <optgroup label="Web Technology"> <option value="html">HTML</option> <option value="css">CSS</option> <option value="js">JavaScript</option> <option value="jquery">jQuery</option> </optgroup> </select> </body> </html>
Producción:
