语法

<select>
  <optgroup label="group1">
    <option value="1">option1</option>
    <option value="2">option2</option>
  </optgroup>
  <optgroup label="group2">
    <option value="3">option3</option>
    <option value="4">option4</option>
  </optgroup>
</select>

属性

| 属性 | 描述 | | :----- | :--------------------------------------- | | disabled | 规定

使用

下面是一个例子，演示了一个包含两个组（"菜品" 和 "饮料"）的表单控件：

<form>
  <label for="products">请选择您的商品：</label>
  <select name="products" id="products">
    <optgroup label="菜品">
      <option value="糖醋里脊">糖醋里脊</option>
      <option value="宫保鸡丁">宫保鸡丁</option>
      <option value="红烧肉">红烧肉</option>
    </optgroup>
    <optgroup label="饮料">
      <option value="可乐">可乐</option>
      <option value="雪碧">雪碧</option>
      <option value="绿茶" disabled>绿茶</option>
      <option value="果汁">果汁</option>
    </optgroup>
  </select>
  <input type="submit" value="提交">
</form>

上面这个例子中，我们使用

结论