HTML optgroup标记

本文概述

属性
支持的浏览器

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

将<optgroup>标记与<select>一起使用可以更轻松地访问下拉列表, 尤其是当列表具有大量选项时。

句法

<optgroup label=" ">........</optgroup>

以下是有关HTML <optgroup>标记的一些规范

Display	Inline
开始日期/结束日期	开始和结束标签
Usage	表格和输入

例

<!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	它定义了将在下拉列表中显示的组的标签。它是必填属性。