HTML <optgroup> 標(biāo)簽

2022-06-01 15:44 更新

<optgroup> 標(biāo)簽用于對(duì) <select> 元素所提供的選項(xiàng)進(jìn)行分組。當(dāng)您使用一個(gè)較長(zhǎng)的選項(xiàng)列表時(shí),對(duì)相關(guān)的選項(xiàng)進(jìn)行組合會(huì)使處理更加容易。 

實(shí)例

通過 <optgroup> 標(biāo)簽把相關(guān)的選項(xiàng)組合在一起:

<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>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

大多數(shù)主流瀏覽器支持 <optgroup>標(biāo)簽。


標(biāo)簽定義及使用說明

<optgroup> 標(biāo)簽經(jīng)常用于把相關(guān)的選項(xiàng)組合在一起。

如果你有很多的選項(xiàng)組合, 你可以使用<optgroup> 標(biāo)簽?zāi)軌蚝芎?jiǎn)單的將相關(guān)選項(xiàng)組合在一起。


HTML 4.01 與 HTML5中的差異

無(wú)。


屬性

屬性 描述
disabled disabled 規(guī)定禁用該選項(xiàng)組。
label text 為選項(xiàng)組規(guī)定描述。


全局屬性

<optgroup> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。


事件屬性

<optgroup> 標(biāo)簽支持所有 HTML事件屬性。


相關(guān)文章

HTML DOM 參考手冊(cè):HTML DOM OptionGroup 對(duì)象


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)