小編給大家分享一下html中optgroup標(biāo)簽怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

10年積累的網(wǎng)站建設(shè)、網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有井陘免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

html optgroup標(biāo)簽的定義和用法：

標(biāo)簽定義選項組。

optgroup 元素用于組合選項。當(dāng)您使用一個長的選項列表時，對相關(guān)的選項進行組合會使處理更加容易。

HTML 標(biāo)簽實例：

通過 標(biāo)簽把相關(guān)的選項組合在一起：

  
    Volvo
    Saab
  
  
    Mercedes
    Audi
  

html optgroup標(biāo)簽必需的屬性：

label ：   text ：    為選項組規(guī)定描述。（如上實例）

html optgroup標(biāo)簽可選的屬性：

disabled ：  disabled ：   規(guī)定禁用該選項組。

HTML 標(biāo)簽的 disabled 屬性

optgroup標(biāo)簽的disabled屬性定義：

disabled 屬性規(guī)定禁用該選項組。被禁用的選項組既不可用，也不可點擊。

可以設(shè)置 disabled 屬性，直到滿足某些條件（比如選擇一個復(fù)選框），才恢復(fù)用戶對該選項組的使用。然后，可以使用 JavaScript 來清除 disabled 屬性，以使選項組變?yōu)榭捎脿顟B(tài)。

optgroup標(biāo)簽的disabled屬性實例

一個禁用的選項組：

  
    Mercedes
    Audi
  

html中optgroup標(biāo)簽用法，分組、只讀的且呈樹狀樣式顯示：

在html的select標(biāo)簽中除了了option標(biāo)簽外，還有一個標(biāo)簽就是optgroup 。它能幫我們做什么咧？

從名稱我們就已經(jīng)領(lǐng)會到接分意思：它是一個option的組，就像checkboxgroup、radiogurop一樣，是分組用的；

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

而且樣式和option標(biāo)簽的樣式也不同，字體加粗了。且下拉菜單呈樹狀的樣式顯示。

  
  
      
          
          
          
          
      
      
          
              
                jsp Servlet  
                javaEE  
              
              
                aspx  
                C#  
              
          
      

瀏覽器支持

所有主流瀏覽器都支持 標(biāo)簽。

全局屬性

標(biāo)簽支持 HTML 中的全局屬性。

事件屬性

標(biāo)簽支持 HTML 中的事件屬性。

以上是html中optgroup標(biāo)簽怎么用的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！