HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <optgroup> 标签

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

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

句法

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

以下是关于 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>

输出：

HTML optgroup 标签

属性：

特定于标签的属性：

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

全局属性：

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

事件属性：

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

支持浏览器

元素ChromeIEFirefoxSafariOpera
<optgroup>YesYesYesYesYes


上一主题 HTML <ol> 有序列表标签 下一主题 HTML <option> 定义选项标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具