位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频（Videos）
当前阅读教程：HTML入门到精通 > 4.29 HTML表单选项组 optgroup标签
阅读(22555525)      收藏       赞(5685)      分享
上一篇： 4.28.2 option标签 下一篇： 第5章 HTML 媒体和视频（Videos）

基础语法

大多数主流浏览器支持 <optgroup>标签。

<optgroup> 标签经常用于把相关的选项组合在一起。

如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。

<optgroup> 标签支持全局属性，<optgroup> 标签支持所有 HTML事件属性。

示例

小白教程网www.2d5.net

：HTML表单选项组 optgroup标签

下面我们来看下在网页中的效果，示例

小白教程网www.2d5.net

代码如下：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>HTML表单选项组optgroup标签</title>

</head>

<body>

     <select>

             <optgroup label="A">

                      <option value="001">A001</option>

                      <option value="002">A002</option>

                      <option value="003">A003</option>

             </optgroup>

             <optgroup label="B">

                      <option value="004">B001</option>

                      <option value="005">B002</option>

                      <option value="006">B003</option>

             </optgroup>

     </select>

</body>

</html>

效果如图4-43。

image.png
上一篇： 4.28.2 option标签 下一篇： 第5章 HTML 媒体和视频（Videos）
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ：45157718(微信同号)（备注：毕设）