html 下拉式选单内的群组

上次说过下拉式选单的写法了，今天来说说选单内的群组
程序码示范

    <select>
        <optgroup label="群组1">
          <option>选项1-1</option>
        </optgroup>
        <optgroup label="群组2">
          <option>选项2-1</option>
          <option>选项2-2</option>
        </optgroup>
        <optgroup label="群组3">
          <option>选项3-1</option>
          <option>选项3-2</option>
          <option>选项3-3</option>
        </optgroup>
    </select>

网页画面如下，注意群组名称是不能选择的

如果希望某个选项或群组不能被选取的话，可以加上disabled属性

        <select>
            <optgroup label="群组1">
                <option>选项1-1</option>
            </optgroup>
            <optgroup label="群组2">
                <option disabled>选项2-1</option>
                <option>选项2-2</option>
            </optgroup>
            <optgroup label="群组3" disabled>
                <option>选项3-1</option>
                <option>选项3-2</option>
                <option>选项3-3</option>
            </optgroup>
      </select>

注意蓝字的部分，选项2-1和群组3都不能被选取

可以看到被锁定的部分字的颜色比较淡