optgroup

<optgroup> 標籤用於對 <select> 元素所提供的選項進行分組。 <optgroup> 標籤被所有主流瀏覽器支持。

基本介紹

  • 外文名:optgroup
  • 定義:標籤定義選項組
  • 用法:元素用於組合選項
  • 實例:optgroup label="Swedish Cars等
HTML標籤,定義和用法,實例,瀏覽器支持,必需的屬性,可選的屬性,事件屬性,

HTML標籤

定義和用法

<optgroup> 標籤定義選項組。
optgroup 元素用於組合選項。當您使用一個長的選項列表時,對相關的選項進行組合會使處理更加容易。

實例

<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>
<select id="State">
<option value=""></option>
<optgroup label="收款登記">
<option value="10">&nbsp;&nbsp;&nbsp;&nbsp;未收款</option>
<option value="11">&nbsp;&nbsp;&nbsp;&nbsp;正在收款</option>
<option value="12">&nbsp;&nbsp;&nbsp;&nbsp;收款完成</option>
</optgroup>
<optgroup label="出團通知">
<option value="20">&nbsp;&nbsp;&nbsp;&nbsp;未上傳</option>
<option value="21">&nbsp;&nbsp;&nbsp;&nbsp;已上傳</option>
</optgroup>
<optgroup label="財務對賬">
<option value="30">&nbsp;&nbsp;&nbsp;&nbsp;未對賬</option>
<option value="31">&nbsp;&nbsp;&nbsp;&nbsp;正在對賬</option>
<option value="32">&nbsp;&nbsp;&nbsp;&nbsp;對賬完成</option>
</optgroup>
<optgroup label="財務結算">
<option value="40">&nbsp;&nbsp;&nbsp;&nbsp;未結算</option>
<option value="41">&nbsp;&nbsp;&nbsp;&nbsp;正在結算</option>
<option value="42">&nbsp;&nbsp;&nbsp;&nbsp;結算完成</option>
</optgroup>
<optgroup label="購買保險">
<option value="50">&nbsp;&nbsp;&nbsp;&nbsp;未購買</option>
<option value="51">&nbsp;&nbsp;&nbsp;&nbsp;已購買</option>
</optgroup>
</select>

瀏覽器支持

所有主流瀏覽器都支持 <optgroup> 標籤。

必需的屬性

屬性
描述
DTD
label
text
為選項組規定描述。
STF

可選的屬性

屬性
描述
DTD
disabled
disabled
規定禁用該選項組。
STF

事件屬性

onblur、onload、ononline、onundo、onbeforeprint、onafterprint、onfocus、onredo、onunload、onoffline
check!

熱門詞條

聯絡我們