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
Gruppieren Sie verwandte Optionen über das
<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>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
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>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>Browser-Unterstützung
Alle gängigen Browser unterstützen das
