六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

html optgroup標簽是什么意思?對于html optgroup標簽的用法與屬性案例解析

[摘要]html optgroup標簽是什么意思?關于html optgroup標簽的用法和屬性實例解析都在這篇文章中,為大家介紹了html optgroup標簽的定義和屬性實例,還有html optgroup標簽的使用方法html optgroup標簽的定義和用法:<optgroup> 標簽...
html optgroup標簽是什么意思?關于html optgroup標簽的用法和屬性實例解析都在這篇文章中,為大家介紹了html optgroup標簽的定義和屬性實例,還有html optgroup標簽的使用方法

html optgroup標簽的定義和用法:

<optgroup> 標簽定義選項組。

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

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>

html optgroup標簽必需的屬性:

label : text : 為選項組規定描述。(如上實例)

html optgroup標簽可選的屬性:

disabled : disabled : 規定禁用該選項組。

HTML <optgroup> 標簽的 disabled 屬性

optgroup標簽的disabled屬性定義:

disabled 屬性規定禁用該選項組。被禁用的選項組既不可用,也不可點擊。

可以設置 disabled 屬性,直到滿足某些條件(比如選擇一個復選框),才恢復用戶對該選項組的使用。然后,可以使用 JavaScript 來清除 disabled 屬性,以使選項組變為可用狀態。

optgroup標簽的disabled屬性實例

一個禁用的選項組:


<select>
  <optgroup label="German Cars" disabled="disabled">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

html中optgroup標簽用法,分組、只讀的且呈樹狀樣式顯示:

在html的select標簽中除了了option標簽外,還有一個標簽就是optgroup 。它能幫我們做什么咧?

從名稱我們就已經領會到接分意思:它是一個option的組,就像checkboxgroup、radiogurop一樣,是分組用的;

看看下面一段代碼,在瀏覽器中打開你可以看到一個下拉菜單。但是當你選擇java或.Net的時候,是不能選擇的。

而且樣式和option標簽的樣式也不同,字體加粗了。且下拉菜單呈樹狀的樣式顯示。

<!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> 標簽。

全局屬性

<optgroup> 標簽支持 HTML 中的全局屬性。

事件屬性

<optgroup> 標簽支持 HTML 中的事件屬性。

【相關推薦】

html abbr標簽是什么意思?html abbr標簽的具體用法詳解

html address標簽怎么用?html address標簽的使用方法詳解

以上就是html optgroup標簽是什么意思?關于html optgroup標簽的用法和屬性實例解析的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 色综合合久久天天给综看 | 自拍亚洲 | 欧美性视频在线播放黑人 | 色姝姝在线影院 | 自拍偷拍3p| 亚洲青草视频 | 青草青视频在线观看 | 日韩 欧美 国产 亚洲 制服 | 污污视频在线播放 | 色吧亚洲欧美另类 | 天天操天天操天天干 | 四虎永久在线免费观看 | 日本视频中文字幕一区二区 | 亚洲 欧美 国产 日韩 制服 bt | 亚洲成a人片在线播放 | 亚洲欧美中文日韩在线v日本 | 日韩第十页 | 在线bt在线www天堂网在线 | 日韩欧美一区二区在线观看 | 青青草免费公开视频 | 日韩一区二三区国产好的精华液 | 日日爱网址 | 青娱乐免费视频观看 | 欧美亚洲国产视频 | 日本黄色免费在线 | 特级aaa片毛片免费观看 | 我要看一级黄色 | 天天射天天操天天色 | 午夜视频免费在线 | 日韩高清在线观看 | 中文字幕第一页在线播放 | 亚洲欧美一区二区三区久久 | 中文字幕激情视频 | 日日摸夜夜摸人人嗷嗷叫 | 日韩在线黄色 | 综合网久久| 影音先锋大型av资源 | 青春草视频在线观看 | 日韩精品中文字幕久久 | 日本 韩国 三级 国产 欧美 | 亚洲手机在线手机观看高清hd |