HTML <optgroup> 标签

2025年3月25日 | 1 分钟阅读

HTML <optgroup> 标签用于在 <select> 元素内的下拉列表中对相关的 <options> 进行分组。

使用 <optgroup> 标签配合 <select> 可以更方便地访问下拉列表，尤其是当列表包含大量选项时。

语法

以下是关于 HTML <optgroup> 标签的一些规范

显示	内联
开始标签/结束标签	开始和结束标签均有
用途	表单和输入

示例

<!DOCTYPE html>
<html>
<head>
	<title>Optgroup Tag</title>
	<style>
		body{
		    text-align: center;
		}
		select{
	                  font-size:20px; 
                                  font-weight:bold; 
                                  color:green; 
		}
	</style>
</head>
<body>
<h2>Example of optgroup tag</h2>
<label>Select your favourite brand</label><br>
<select>
          <optgroup label="Laptop Maufacturur">
	 	<option value="dell">Dell</option>
	 	<option value="hp">HP</option>
	 	<option value="lenovo">Lenovo</option>
	 	<option value="acer">Acer</option>
	 </optgroup>
         <optgroup label="Mobile Manufacturer">
	 	<option value="apple">Apple</option>
	 	<option value="nokia">Nokia</option>
	 	<option value="samsung">Samsung</option>
	 	<option value="coolpad">Coolpad</option>	 
            </optgroup>
</select>
</body>	
</html>

输出

属性

标签特定属性

属性	值	描述
disabled	disabled	如果设置了此属性，则该 optgroup 的选项将被禁用。
label	text	它定义了组的标签，该标签将在下拉列表中显示。这是一个必需的属性。

全局属性

HTML <optgroup> 标签支持 HTML 中的全局属性。

事件属性

HTML <optgroup> 标签支持 HTML 中的事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<optgroup>	是的	是的	是的	是的	是的

下一主题HTML option 标签

HTML <optgroup> 标签

语法

示例

属性

标签特定属性

全局属性

事件属性

支持的浏览器

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

HTML 教程

HTML 属性

HTML 标签列表

HTML5 高级

HTML API

HTML 颜色名称

HTML 杂项

选择题

面试题

HTML <optgroup> 标签

语法

示例

属性

标签特定属性

全局属性

事件属性

支持的浏览器

相关帖子

HTML isindex 标签

HTML 5 标签

HTML center 标签

HTML address 标签

HTML hr 标签

HTML <table> 标签

HTML <img> 标签

HTML textarea 标签

HTML link 标签

HTML frame 标签

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器