HTML 开发手册

浏览188906
更新时间2022-04-11

前言

HTML <optgroup> 标签 实例 通过 <optgroup> 标签把相关的选项组合在一起: <select> <optgroup label='Swedish Cars'> <option value..

HTML <optgroup> 标签

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>
 
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


浏览器支持

1000.png

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


标签定义及使用说明

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

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


HTML 4.01 与 HTML5中的差异

无。


属性

属性 描述
disabled disabled 规定禁用该选项组。
label text 为选项组规定描述。


全局属性

<optgroup> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

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


相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

221969次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624615次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240747次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397493次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623373次学习

收藏
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号