<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"> 未收款</option>
<option value="11"> 正在收款</option>
<option value="12"> 收款完成</option>
</optgroup>
<optgroup label="出團通知">
<option value="20"> 未上傳</option>
<option value="21"> 已上傳</option>
</optgroup>
<optgroup label="財務對賬">
<option value="30"> 未對賬</option>
<option value="31"> 正在對賬</option>
<option value="32"> 對賬完成</option>
</optgroup>
<optgroup label="財務結算">
<option value="40"> 未結算</option>
<option value="41"> 正在結算</option>
<option value="42"> 結算完成</option>
</optgroup>
<optgroup label="購買保險">
<option value="50"> 未購買</option>
<option value="51"> 已購買</option>
</optgroup>
</select>
瀏覽器支持
所有主流瀏覽器都支持 <optgroup> 標籤。
必需的屬性
屬性 | 值 | 描述 | DTD |
---|---|---|---|
label | text | 為選項組規定描述。 | STF |
可選的屬性
屬性 | 值 | 描述 | DTD |
---|---|---|---|
disabled | disabled | 規定禁用該選項組。 | STF |
事件屬性
onblur、onload、ononline、onundo、onbeforeprint、onafterprint、onfocus、onredo、onunload、onoffline