首頁 >web前端 >html教學 >html:optgroup標籤的用法,分組、唯讀的且呈樹狀樣式顯示

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

黄舟
黄舟原創
2017-07-03 09:35:481966瀏覽

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>

以上是html:optgroup標籤的用法,分組、唯讀的且呈樹狀樣式顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn