Einführung in die Verwendung des Select-Optgroup-Tags in HTML

Gelegentlich muss ich ausgewählte Inhalte gruppieren. Früher habe ich dazu die Programmsteuerung verwendet. Heute habe ich festgestellt, dass es in select ein optgroup-Attribut gibt, das verwendet werden kann.

Es wurde getestet und ist für Browser wie Firefox und IE geeignet. Einziges bisher festgestelltes Manko ist, dass sich der Titelstil hinter der Gruppe nicht anpassen lässt. Beispiel: Wenn Sie die Schrifteigenschaften ändern möchten, können Sie nicht die normale Schriftart verwenden, aber Sie können die Farbe und Größe ändern. Im Internet Explorer ist die Standardeinstellung kursiv und fett

Code kopieren

Der Code lautet wie folgt:

<select name="Gebot" id="Marke_3">
<option value="">Bitte wählen Sie eine Marke</option>
<optgroup label="A"></optgroup>
<option value="693" custom="693">Ein AC BMW</option>
<option value="62" custom="62">Ein Aston Martin</option>
<option value="1" custom="1">Ein Audi</option>
<optgroup label="B"></optgroup>
<option value="723" custom="723">B Babos</option>
<option value="44" custom="44">B Porsche</option>
<option value="582" custom="582">B Baojun</option>
<option value="20" custom="20">B BMW</option>
<option value="593" custom="593">B Beijing Auto</option>
<option value="643" custom="643">B BAIC Weiwang</option>
<option value="122" custom="122">B BAIC Manufacturing</option>
<option value="4" custom="4">B Mercedes-Benz</option>
</Auswählen>

<<: Vue+openlayer5-Methode zum Abrufen der Koordinaten des aktuellen Mauszeigers

>>: CSS bewirkt, dass sich die Farbe der gesamten Linie ändert, wenn die Maus darauf platziert wird

Detaillierte Erklärung zur Verwendung von Vue-Mixin

Lösung für das Problem, dass Linux in VMware keine Verbindung zum Internet herstellen kann, nachdem der Computer unerwartet heruntergefahren wurde

Problembeschreibung: Die Netzwerkkartendatei /etc...

Einführung in die Verwendung des Select-Optgroup-Tags in HTML

Detaillierte Erklärung zur Verwendung von Vue-Mixin

Rückblick auf die besten Webdesign-Arbeiten 2012 [Teil 1]

Beispiel für die Verwendung von Store in Vue3 zum Aufzeichnen der Bildlaufposition

Erstellen und Verwenden von Docker-Datenvolumencontainern

Detaillierte Erklärung zum ordnungsgemäßen Löschen einer großen Tabelle in MySQL

Detaillierte Erläuterung der praktischen Anwendung des HTML-Tabellenlayouts

HTML+CSS+JavaScript zum Erreichen eines Beispielcodes für das Scrollen in einer Listenschleife

Ändern Sie den Stil des HTML-Textkörpers in JS

Detaillierte Erläuterung des Prozesses zur Verwendung von Docker zum Erstellen von Minio und Java SDK

Praktisches Beispiel für verschachtelte Routen im vue.js Router

Artikel empfehlen

Native JS-Kapselung vue Tab-Umschalteffekt

Vue implementiert eine Zeit-Countdown-Funktion

Lösen Sie das Problem der Kombination von AND und OR in MySQL

Node verwendet koa2, um eine einfache JWT-Authentifizierungsmethode zu implementieren

Lösung für das Problem, dass Linux in VMware keine Verbindung zum Internet herstellen kann, nachdem der Computer unerwartet heruntergefahren wurde

Zusammenfassung mehrerer APIs oder Tipps in HTML5, die Sie nicht verpassen sollten

vitrualBox+ubuntu16.04 installieren Sie Python3.6, neuestes Tutorial und detaillierte Schritte

Detaillierte Schritte zur Installation der MySQL 5.6 X64-Version unter Linux

Optimale Webseitenbreite und ihre kompatible Implementierungsmethode

Bei der Verwendung von mybatis-generator mit mysql8.0.3 in IDEA sind Fehler aufgetreten

Eine kurze Erläuterung der HTML-Tabellen-Tags

DOCTYPE-Element ausführliche Erklärung vollständige Version

Implementierung der Header-Informationen für Nginx-Operationsantworten

So verwenden Sie JS zum Parsen des Excel-Inhalts in der Zwischenablage

So erstellen Sie mit Docker ein Basisimage der Python-Laufzeitumgebung