Maison >interface Web >tutoriel HTML >html : utilisation de la balise optgroup, regroupée, en lecture seule et affichée sous forme d'arborescence

html : utilisation de la balise optgroup, regroupée, en lecture seule et affichée sous forme d'arborescence

黄舟
黄舟original
2017-07-03 09:35:481960parcourir

Utilisation de la balise optgroup en html, Groupe, en lecture seule et affichée sous forme d'arborescence


en html En plus de la balise option dans la balise select, il existe une autre balise appelée optgroup. Qu’est-ce que cela peut nous apporter ?

Nous avons déjà compris la signification de la réception de points à partir du nom : c'est un groupe d'options, tout comme checkboxgroup et radiogurop, et est utilisé pour le regroupement ;  

Regardez le morceau de code suivant, ouvrez-le dans un navigateur et vous pourrez voir un menu déroulant. Mais lorsque vous choisissez Java ou .Net, vous ne pouvez pas choisir.                                                                                                                                                                                   

Et le style est différent de celui de la balise option, la police est en gras. Et le menu déroulant s'affiche dans un style arborescent.

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn