Was bedeutet das HTML-optgroup-Tag? Analyse der Verwendung und Attributbeispiele des HTML-Optgroup-Tags-HTML-Tutorial-php.cn

Was bedeutet das HTML-optgroup-Tag? Analyse der Verwendung und Attributbeispiele des HTML-Optgroup-Tags

寻∝梦

Freigeben： 2018-08-21 14:21:54

Original

4524 Leute haben es durchsucht

Was bedeutet das HTML-optgroup-Tag? In Bezug auf die Verwendung und Attributinstanzanalyse des HTML-Optgroup-Tags werden in diesem Artikel die Definition und Attributbeispiele des HTML-Optgroup-Tags sowie die Verwendung des HTML-Optgroup-Tags

HTML-Optgroup-Tag-Definition vorgestellt und Verwendung:

Das optgroup-Element wird zum Gruppieren von Optionen verwendet. Wenn Sie mit einer langen Liste von Optionen arbeiten, kann die Gruppierung verwandter Optionen die Arbeit erleichtern.

HTML -Tag:

Gruppieren Sie verwandte Optionen über das -Tag:

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

Nach dem Login kopieren

Erforderliche Attribute des HTML-Optgroup-Labels:

Label: Text: Gibt eine Beschreibung für die Optionsgruppe an. (Beispiel oben)

Optionale Attribute des HTML-Tags optgroup:

disabled: deaktiviert: Gibt an, dass die Optionsgruppe deaktiviert ist.

HTML Das deaktivierte Attribut des Tags

Die deaktivierte Attributdefinition des optgroup-Tags:

Das Attribut „disabled“ legt fest, dass es deaktiviert ist. Diese Optionsgruppe. Deaktivierte Optionsgruppen sind weder verfügbar noch anklickbar.

Sie können das Attribut „Disabled“ festlegen, um die Nutzung der Optionsgruppe durch den Benutzer wiederherzustellen, bis bestimmte Bedingungen erfüllt sind (z. B. die Auswahl eines Kontrollkästchens). Anschließend können Sie mithilfe von JavaScript das deaktivierte Attribut löschen, sodass die Optionsgruppe verfügbar wird.

Deaktivierte Attributinstanz des optgroup-Tags

Eine deaktivierte Optionsgruppe:

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

Nach dem Login kopieren

html Die Die Verwendung des optgroup-Tags ist gruppiert, schreibgeschützt und wird in einem Baumstil angezeigt:

Zusätzlich zum Option-Tag im HTML-Select-Tag gibt es ein weiteres Tag namens optgroup. Was kann es für uns tun?

Wir haben die Bedeutung von Verbindungspunkten bereits anhand des Namens verstanden: Es handelt sich um eine Optionsgruppe, genau wie Checkboxgroup und Radiogurop, sie wird zum Gruppieren verwendet.

Sehen Sie sich den folgenden Code an und durchsuchen Wenn Sie den Browser öffnen, wird ein Dropdown-Menü angezeigt. Wenn Sie sich jedoch für Java oder .Net entscheiden, können Sie sich nicht entscheiden.

<> und der Stil des Stils unterscheidet sich vom Option-Tag und die Schriftarten sind dick. Und das Dropdown-Menü wird in einem baumartigen Stil angezeigt.

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

Nach dem Login kopieren

Browser-Unterstützung

Alle gängigen Browser unterstützen das

Globale Attribute

unterstützt globale Attribute in HTML.

Ereignisattribute

unterstützt Ereignisattribute in HTML.

[Verwandte Empfehlungen]

Was bedeutet das HTML-Abbr-Tag? Detaillierte Erläuterung der spezifischen Verwendung des HTML-Abbr-Tags

Wie verwende ich den HTML-Adress-Tag? Ausführliche Erklärung zur Verwendung des HTML-Adress-Tags

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML-optgroup-Tag? Analyse der Verwendung und Attributbeispiele des HTML-Optgroup-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!