HTML optgroup 标签

HTML 中的 <optgroup> 元素用于对下拉列表中的选项进行分组。例如，您可能见过分组列表项，例如，毕业和研究生课程显示在单个下拉列表中的不同组中。

以下是属性−

• disabled:指定选项组应禁用
• label:指定选项组的标签。现在让我们看一个实现 <optgroup> 元素的示例:

现在让我们看一个实现   元素的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Educational Qualification</h2>
<select>
   <optgroup label="Graduation">
   <option value="bca">BCA</option>
   <option value="bcom">B.COM</option>
   <option value="btech">B.TECH</option>
</optgroup>
   <optgroup label="Postgraduation">
   <option value="mca">MCA</option>
   <option value="mcom">M.COM</option>
   <option value="mtech">M.TECH</option>
   <option value="msc">M.Sc</option>
</optgroup>
</select>
</body>
</html>

输出

在上面的例子中，我们用两个 optgroup 来设置一个包含两个部分的下拉列表。这样，我们就把下拉列表中的选项分组了。 −

<select>
<optgroup label="Graduation">
<option value="bca">BCA</option>
<option value="bcom">B.COM</option>
<option value="btech">B.TECH</option>
</optgroup>
<optgroup label="Postgraduation">
<option value="mca">MCA</option>
<option value="mcom">M.COM</option>
<option value="mtech">M.TECH</option>
<option value="msc">M.Sc</option>
</optgroup>
</select>

选项元素集用于为下拉列表设置不同的选项，并允许用户从单个选项组中选择其中任何一个 −

<option value="bca">BCA</option>
<option value="bcom">B.COM</option>
<option value="btech">B.TECH</option>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML autofocus 属性

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/