optgroup
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
选项的分组（option group）
语法
<optgroup 属性="属性值">~标签内容~</optgroup>
<optgroup 属性="属性值">~标签内容~</optgroup>
说明
optgroup元素用来将option元素建立的选项分组select
optgroup元素的label属性为设置选项群组的组名称，而非选项的名称，分组的选项会以层次式来显示。选项编组的显示标签（label属性值）本身不能被选择
optgroup元素可出现在选择列表中，此时optgroup为select元素的子元素，又是option元素的父元素；但选择列表中也可以不要optgroup元素，不过有它选项列表就更富层次性
optgroup只能包含option元素，不能包含其他任何元素，而且目前它本身也不能嵌套
终止标签不可省略
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| ① label | 任意字符串 | 必要属性，用来设置选项编组的标签，即选项组的标题 |
| ② disabled | 空值|disabled | 指定该控件不可用。设定后，该控件变成灰色，不能获得焦点（当然不能修改其数据了），不可使用Tab导航键访问，而且表单传输数据时也不会传输该控件的数据。此属性为布尔属性，在XHTML中需要设置为disable="disable"。注：动态修改disabled属性的唯一方式是使用脚本程序 |
③ 通用属性：id、class、title、style、dir、lang、xml:lang  |
||
nbsp;
示范
<optgroup label="选项组标题">
<option value="value1">option1</option>
<option value="value2">option2</option>
</optgroup>
<option value="value1">option1</option>
<option value="value2">option2</option>
</optgroup>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了XHTML文件基础结构：
运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素optgroup</title>
</head>
<body>
<select>
<optgroup label="较老版本的操作系统">
<option selected>请选择一种操作系统</option>
<option value="value1">Windows 95</option>
<option value="value2">Windows 98</option>
<option value="value3">Windows Me</option>
<option value="value4">Windows NT</option>
</optgroup>
<optgroup label="较新版本的操作系统">
<option value="value1">Windows 2000</option>
<option value="value2">Windows XP</option>
<option value="value3">Windows Server 2003</option>
<option value="value4">Windows Vista</option>
</optgroup>
</select>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素optgroup</title>
</head>
<body>
<select>
<optgroup label="较老版本的操作系统">
<option selected>请选择一种操作系统</option>
<option value="value1">Windows 95</option>
<option value="value2">Windows 98</option>
<option value="value3">Windows Me</option>
<option value="value4">Windows NT</option>
</optgroup>
<optgroup label="较新版本的操作系统">
<option value="value1">Windows 2000</option>
<option value="value2">Windows XP</option>
<option value="value3">Windows Server 2003</option>
<option value="value4">Windows Vista</option>
</optgroup>
</select>
</body>
</html>
在可视化浏览器中，会把optgroup元素的必需属性label的值作为相应选项组的标题显示在该组上方，组中的各个选项会以缩进显示。各浏览器的显示样式也不同，IE和Firefox把选项组标题加粗并以斜体显示，Safari将其显示为粗体加灰色的样式，Opera则把label值显示为黑色背景上的白色文字。尽管如此，选项组的功能是相同的。