HTML ＜optgroup＞ 标签

1、optgroup标签的定义和用法

标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用 标签能够很简单的将相关选项组合在一起。 大多数主流浏览器支持 标签。

2、optgroup标签属性

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

2、1 optgroup标签必需的属性

label ： 为选项组规定描述。

2、2 optgroup标签可选的属性

disabled ： 规定禁用该选项组。被禁用的选项组既不可用，也不可点击。

可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该选项组的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以使选项组变为可用状态。

3、optgroup标签实例

<select>  
       <optgroup label="Java">  
            <option value="jsp Servlet">jsp Servlet</option>  
            <option value="javaEE">javaEE</option>  
        </optgroup>  

        <optgroup label=".Net">  
            <option value="aspx">aspx</option>  
            <option value="C#">C#</option>  
        </optgroup>  
  </select>