We will use <optgroup> and <option> tags to create an option-group list and use the disabled attribute with <optgroup> to create a disabled option-group list. The <optgroup> tag is used to create a group of the same category options in a drop-down list. The <optgroup> tag is required when there is a long list of items that exist. The <option> tag in HTML is used to choose an option from a drop-down menu.
Syntax:
<optgroup label="">
<option label=""> </option>
</optgroup>
Example: In this example, we are using the above-explained method.
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>
|
Output:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!