Heim > Artikel > Web-Frontend > Was bedeutet das HTML-optgroup-Tag? Analyse der Verwendung und Attributbeispiele des HTML-Optgroup-Tags
Was bedeutet das HTML-optgroup-Tag? Analyse der Verwendung und Attributbeispiele des HTML-Optgroup-Tags
- 寻∝梦Original
- 2018-08-21 14:21:544477Durchsuche
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:
5b7a15bed8615d1b843806256bebea72
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 5b7a15bed8615d1b843806256bebea72-Tag:
Gruppieren Sie verwandte Optionen über das 5b7a15bed8615d1b843806256bebea72-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>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 5b7a15bed8615d1b843806256bebea72 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>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 5b7a15bed8615d1b843806256bebea72Globale Attribute
5b7a15bed8615d1b843806256bebea72 unterstützt globale Attribute in HTML.Ereignisattribute
5b7a15bed8615d1b843806256bebea72 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!