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
36 Prinzipien der MySQL-Datenbankentwicklung (Zusammenfassung)
Vorwort Diese Prinzipien sind aus tatsächlichen K...
Nginx konfiguriert denselben Domänennamen, um sowohl den http- als auch den https-Zugriff zu unterstützen
Nginx ist mit demselben Domänennamen konfiguriert...
Detaillierte Erläuterung der SRIOV-Passthrough-Konfiguration und Leistungstests basierend auf KVM
SRIOV-Einführung, VF-Passthrough-Konfiguration un...
JS verwendet Canvas-Technologie, um Echarts-Balkendiagramme zu imitieren
Canvas ist ein neues Tag in HTML5. Sie können js ...
Reacts Übergang von Klassen zu Hooks
Inhaltsverzeichnis ReagierenHooks Vorwort WarumHo...
Konfigurationshandbuch für den Lastenausgleich auf Ebene 4 von Nginx
1. Einführung in Layer 4 Load Balancing Was ist L...
Docker-Container sichert regelmäßig die Datenbank und sendet sie an das angegebene Postfach (Designidee)
Inhaltsverzeichnis 1. Hintergrund: 2. Gestaltungs...
Beispielcode zur Implementierung eines Karten-Wasserfall-Layouts mit CSS3-Spalten
In diesem Artikel wird der Beispielcode einer CSS...
Detailliertes Installations- und Konfigurationstutorial für PostgreSQL 11 unter CentOS7
1. Offizielle Website-Adresse Auf der offiziellen...
Fallstudie zum Vue-Einkaufswagen
Inhaltsverzeichnis 1. Warenkorb-Beispiel 2. Code-...
JavaScript implementiert drei gängige Webeffekte (Offset, Client, Scroll-Serie).
Inhaltsverzeichnis 1. Elementversatzserie 2. Elem...
VUE implementiert Saugknopf an der Unterseite
In diesem Artikelbeispiel wird der spezifische Co...
Detailliertes Tutorial zum Ausführen mehrerer Springboot mit Docker
Docker führt mehrere Springboot Erstens: Port-Map...
5 MySQL-GUI-Tools, die Ihnen bei der Datenbankverwaltung empfohlen werden
Es gibt viele Datenbankverwaltungstools für MySQL...
Einführung und Verwendung des Javascript-Generators
Was ist ein Generator? Ein Generator ist ein Code...