分组 ‹optgroup›

Exisi 2020-06-07 15:25:15
Categories： Tags：

 

属性

说明

disabled

如果设置了这个布尔值，则不能选择这个选项组中的任何选项。通常浏览器会置灰这样的控件，它不接受任何浏览器事件，如鼠标点击或者焦点相关的事件。

label

选项组的名字，浏览器用以在用户界面中标记选项。使用这个元素时必须加上这个属性。

示例

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

 

<body>

    <select>

        <optgroup label="Group 1">

            <option>Option 1.1</option>

        </optgroup>

        <optgroup label="Group 2">

            <option>Option 2.1</option>

            <option>Option 2.2</option>

        </optgroup>

        <optgroup label="Group 3" disabled>

            <option>Option 3.1</option>

            <option>Option 3.2</option>

            <option>Option 3.3</option>

        </optgroup>

    </select>

</body>

 

</html>

 

浏览器运行结果如下：

 

 

 

来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/optgroup>

下拉列表 ‹select› ‹option›
选项列表 ‹datalist›