Introduction to the use of select optgroup tag in html

Occasionally, I need to group select contents. In the past, I used program control. Today, I found that there is an optgroup attribute in select that can be used.

It has been tested and is suitable for browsers such as Firefox and IE. The only shortcoming found so far is that the title style after the group cannot be customized. For example: if you want to change the font properties, you can't use the normal font, but you can change the color and size. In IE, the default is italic and bold

Copy code

The code is as follows:

<select name="bid" id="brand_3">
<option value="">Please select a brand</option>
<optgroup label="A"></optgroup>
<option value="693" custom="693">A AC BMW</option>
<option value="62" custom="62">A Aston Martin</option>
<option value="1" custom="1">A 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>
</select>

<<: Vue+openlayer5 method to get the coordinates of the current mouse slide

>>: CSS achieves the effect of changing the color of the entire line when the mouse is placed on it

Introduction to the use of select optgroup tag in html

Vue implements the operation code of clicking a button to download a file (backend Java)

CSS3 timeline animation

Detailed explanation of the use of Vue.js render function

Alibaba Cloud Server Tomcat cannot be accessed

Detailed explanation of the implementation process of Nginx enabling Brotli compression algorithm

Detailed explanation of Vue's simple store

Detailed explanation of redis persistence, master-slave synchronization and sentinel under Linux

Alignment issue between input text box and img verification code (img is always one head higher than input)

How to implement rounded corners with CSS3 using JS

MySQL isolation level detailed explanation and examples

Recommend

CSS to achieve Tik Tok subscription button animation effect

Detailed explanation of simple html and css usage

Teach you how to quickly enable self-monitoring of Apache SkyWalking

Detailed explanation of the usage and differences between indexes and views in MySQL

Vue globally introduces scss (mixin)

Example of using Docker Swarm to build a distributed crawler cluster

MySQL 8.0.22 installation and configuration method graphic tutorial

Teach you MySQL query optimization analysis tutorial step by step

How to use gdb to debug core files in Linux

Implementation of multi-site configuration of Nginx on Mac M1

What does the n after int(n) in MySQL mean?

Implementation of services in docker accessing host services

MYSQL implements ranking and querying specified user ranking function (parallel ranking function) example code

MySQL table name case selection

MySQL constraint types and examples