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

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

Artikel empfehlen

So richten Sie einen FTP-Server in CentOS7 ein

FTP wird hauptsächlich für die Dateiübertragung v...

Die Hauptidee zum dynamischen Festlegen von Routing-Berechtigungen in Vue

Ich habe zuvor einige dynamische Routing-Einstell...

So deinstallieren Sie Node und NPM vollständig auf dem Mac

npm deinstallieren sudo npm deinstallieren npm -g...

JavaScript – Verwenden von Slots in Vue: Slot

Inhaltsverzeichnis Verwenden von Slots in Vue: Sl...

Vue + OpenLayers Schnellstart-Tutorial

Openlayers ist ein modulares, leistungsstarkes un...

Codebeispiel für die Implementierung des Linux-Verzeichniswechsels

Das Wechseln von Dateien ist eine gängige Operati...

So binden Sie einen Docker-Container an eine externe IP und einen externen Port

Docker ermöglicht die Bereitstellung von Netzwerk...

So begrenzen Sie die Anzahl der Datensätze in einer Tabelle in MySQL

Inhaltsverzeichnis 1. Lösung auslösen 2. Partitio...

Centos8 (Minimalinstallation) Tutorial zur Installation von Python3.8+pip

Nachdem ich die Installation von Python8 minimier...