
html optgroup標(biāo)簽的定義和用法:
optgroup 標(biāo)簽定義選項(xiàng)組。
optgroup 元素用于組合選項(xiàng)。當(dāng)您使用一個(gè)長(zhǎng)的選項(xiàng)列表時(shí),對(duì)相關(guān)的選項(xiàng)進(jìn)行組合會(huì)使處理更加容易。
HTML optgroup 標(biāo)簽實(shí)例:
通過(guò) 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
html optgroup標(biāo)簽必需的屬性:
label : text : 為選項(xiàng)組規(guī)定描述。(如上實(shí)例)
html optgroup標(biāo)簽可選的屬性:
disabled : disabled : 規(guī)定禁用該選項(xiàng)組。
HTML optgroup 標(biāo)簽的 disabled 屬性
optgroup標(biāo)簽的disabled屬性定義:
disabled 屬性規(guī)定禁用該選項(xiàng)組。被禁用的選項(xiàng)組既不可用,也不可點(diǎn)擊。
可以設(shè)置 disabled 屬性,直到滿(mǎn)足某些條件(比如選擇一個(gè)復(fù)選框),才恢復(fù)用戶(hù)對(duì)該選項(xiàng)組的使用。然后,可以使用 JavaScript 來(lái)清除 disabled 屬性,以使選項(xiàng)組變?yōu)榭捎脿顟B(tài)。
optgroup標(biāo)簽的disabled屬性實(shí)例
一個(gè)禁用的選項(xiàng)組:
select optgroup label= German Cars disabled= disabled option value= mercedes Mercedes /option option value= audi Audi /option /optgroup /select
html中optgroup標(biāo)簽用法,分組、只讀的且呈樹(shù)狀樣式顯示:
在html的select標(biāo)簽中除了了option標(biāo)簽外,還有一個(gè)標(biāo)簽就是optgroup 。它能幫我們做什么咧?
從名稱(chēng)我們就已經(jīng)領(lǐng)會(huì)到接分意思:它是一個(gè)option的組,就像checkboxgroup、radiogurop一樣,是分組用的;
看看下面一段代碼,在瀏覽器中打開(kāi)你可以看到一個(gè)下拉菜單。但是當(dāng)你選擇java或.Net的時(shí)候,是不能選擇的。
而且樣式和option標(biāo)簽的樣式也不同,字體加粗了。且下拉菜單呈樹(shù)狀的樣式顯示。
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head title optgroup /title meta http-equiv= keywords content= keyword1,keyword2,keyword3 meta http-equiv= description content= this is my page meta http-equiv= content-type content= text/html; charset=UTF-8 /head body select optgroup label= Java option value= jsp Servlet jsp Servlet /option option value= javaEE javaEE /option /optgroup optgroup label= .Net option value= aspx aspx /option option value= C# C# /option /optgroup /select /body /html
瀏覽器支持
所有主流瀏覽器都支持 optgroup 標(biāo)簽。
全局屬性
optgroup 標(biāo)簽支持 HTML 中的全局屬性。
事件屬性
optgroup 標(biāo)簽支持 HTML 中的事件屬性。
【相關(guān)推薦】
html abbr標(biāo)簽是什么意思?html abbr標(biāo)簽的具體用法詳解
html address標(biāo)簽怎么用?html address標(biāo)簽的使用方法詳解
以上就是html optgroup標(biāo)簽是什么意思?關(guān)于html optgroup標(biāo)簽的用法和屬性實(shí)例解析的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選