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

黄舟
Libérer: 2017-07-03 09:35:48
original
1996 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal