<option>，<optgroup>

<option>标签用在<select>、<optgroup>、<datalist>里面，表示一个菜单项，参见<select>的示例。

它有如下属性。

  • disabled：布尔属性，是否禁用该项。
  • label：该项的说明。如果省略，则等于该项的文本内容。
  • selected：布尔属性，是否为默认值。显然，一组菜单中，只能有一个菜单项设置该属性。
  • value：该项提交到服务器的值。如果省略，则等于该项的文本内容。

<optgroup>表示菜单项的分组，通常用在<select>内部。

  1. <label>宠物：
  2.   <select name="pets" multiple size="4">
  3.     <optgroup label="四条腿的宠物">
  4.       <option value="dog">狗</option>
  5.       <option value="cat">猫</option>
  6.     </optgroup>
  7.     <optgroup label="鸟类">
  8.       <option value="parrot">鹦鹉</option>
  9.       <option value="thrush">画眉</option>
  10.     </optgroup>
  11.   </select>
  12. </label>

上面代码中，<select>是一个下拉菜单，它的内部使用<optgroup>将菜单项分成两组。每组有自己的标题，会加粗显示，但是用户无法选中。

它的属性如下。

  • disabled：布尔设置，是否禁用该组。一旦设置，该组所有的菜单项都不可选。
  • label：菜单项的标题。