Maison > Article > interface Web > Que signifie la balise html optgroup ? Analyse des exemples d'utilisation et d'attributs de la balise html optgroup

Que signifie la balise html optgroup ? Analyse des exemples d'utilisation et d'attributs de la balise html optgroup

寻∝梦original: 2018-08-21 14:21:544477parcourir

Que signifie la balise html optgroup ? Concernant l'analyse de l'utilisation et des instances d'attribut de la balise html optgroup, cet article présente les exemples de définition et d'attribut de la balise html optgroup, ainsi que l'utilisation de la balise html optgroup

balise html optgroup Définition et utilisation : la balise

5b7a15bed8615d1b843806256bebea72 définit le groupe d'options.

L'élément optgroup est utilisé pour regrouper les options. Lorsque vous travaillez avec une longue liste d’options, le regroupement des options associées peut faciliter les choses.

Exemple de balise HTML 5b7a15bed8615d1b843806256bebea72 :

Regroupez les options associées via la balise 5b7a15bed8615d1b843806256bebea72 :

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

Attributs obligatoires de l'étiquette html optgroup :

étiquette : texte : Spécifie une description pour le groupe d'options. (Exemple ci-dessus)

Attributs facultatifs de la balise html optgroup :

disabled : désactivé : Spécifie que le groupe d'options est désactivé. L'attribut désactivé de la balise HTML 5b7a15bed8615d1b843806256bebea72 Ce groupe d'options. Les groupes d'options désactivés ne sont ni disponibles ni cliquables.

Vous pouvez définir l'attribut désactivé pour restaurer l'utilisation du groupe d'options par l'utilisateur jusqu'à ce que certaines conditions soient remplies (telles que la sélection d'une case à cocher). Vous pouvez ensuite utiliser JavaScript pour effacer l'attribut désactivé afin que le groupe d'options devienne disponible.

Instance d'attribut désactivé de la balise optgroup

Un groupe d'options désactivé :

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

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

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

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

Regardez le morceau de code suivant ; et parcourez Lorsque vous ouvrez le navigateur, vous verrez un menu déroulant. Mais lorsque vous choisissez Java ou .Net, vous ne pouvez pas choisir.

et le style du style est différent de la balise Option, et les polices sont épaisses. Et le menu déroulant s'affiche dans un style arborescent.

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge la balise 5b7a15bed8615d1b843806256bebea72

Attributs globaux

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

La balise 5b7a15bed8615d1b843806256bebea72 prend en charge les attributs globaux en HTML.

Attributs d'événement

La balise 5b7a15bed8615d1b843806256bebea72 prend en charge les attributs d'événement en HTML.

[Recommandations associées]

Que signifie la balise html abbr ? Explication détaillée de l'utilisation spécifique de la balise abbr html

Comment utiliser la balise d'adresse html ? Explication détaillée de la façon d'utiliser la balise d'adresse 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!

Java JavaScript html select 事件

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

Article précédent：Que signifie la balise html col ? Introduction aux exemples d'utilisation de la balise col htmlArticle suivant：Que signifie la balise html col ? Introduction aux exemples d'utilisation de la balise col html

Que signifie la balise html optgroup ? Analyse des exemples d'utilisation et d'attributs de la balise html optgroup

Articles Liés