HTML での select optgroup タグの使用の概要

HTML での select optgroup タグの使用の概要
時々、選択した内容をグループ化する必要があります。以前はプログラム制御を使用していました。今日、select に optgroup 属性があり、それが使用できることがわかりました。

テスト済みで、Firefox や IE などのブラウザに適しています。これまでに見つかった唯一の欠点は、グループの後のタイトル スタイルをカスタマイズできないことです。たとえば、フォントのプロパティを変更する場合、通常のフォントは使用できませんが、色とサイズを変更することはできます。 IEでは、デフォルトは斜体と太字です


コードをコピー
コードは次のとおりです。

<select name="bid" id="brand_3">
<option value="">ブランドを選択してください</option>
<optgroup ラベル="A"></optgroup>
<option value="693" custom="693">A AC BMW</option>
<option value="62" custom="62">アストンマーティン</option>
<option value="1" custom="1">アウディ</option>
<optgroup ラベル="B"></optgroup>
<option value="723" custom="723">B バボス</option>
<option value="44" custom="44">B ポルシェ</option>
<option value="582" custom="582">B バオジュン</option>
<option value="20" custom="20">B BMW</option>
<option value="593" custom="593">B 北京オート</option>
<option value="643" custom="643">B BAIC 威王</option>
<option value="122" custom="122">B BAIC 製造</option>
<option value="4" custom="4">B メルセデスベンツ</option>
</選択>

<<:  現在のマウススライドの座標を取得するVue+openlayer5メソッド

>>:  CSSは、マウスを線の上に置くと線全体の色を変える効果を実現します。

推薦する

MySql 5.7.20 のインストールとデータおよび my.ini ファイルの構成

1. まずMySqlの公式サイトからダウンロードします参考: https://www.jb51.ne...

ズームインとズームアウトの閉じるボタンを実現する CSS (サンプル コード)

この効果はブラウザ ページで最もよく見られます。まずは効果の画像をご覧ください。 上の図に示すように...

MySQLデータベースインデックスの左端一致原則

目次1. 共同インデックスの説明2. ac はインデックスを使用できますか? 3. 考える4. 最左...

Docker 経由で Redis 6.x クラスターをデプロイする方法

システム環境: Redis バージョン: 6.0.8 Docker バージョン: 19.03.12シ...

MySQLの日次統計レポートでは、その日にデータがない場合には0が入力されます。

1. 問題の再現:各日の合計数を日ごとにカウントします。データのない日がある場合、グループ化によっ...

auto.jsを使用して毎日の自動チェックイン機能を実現する

auto.js を使用して毎日のチェックインを自動化する感染症のせいで、毎日時間通りに家に帰らなけれ...

Nginx tp3.2.3 404 問題の解決

最近、Apache を nginx に変更しました。TP プロジェクトを実行に移すと、404 エラー...

シャトルボックス機能を実装するためのVueの詳細なコード

Vue - シャトルボックス機能を実装します。効果図は次のようになります。 CS 。移行{ ディスプ...

Mysql トランザクションで Update を実行するとテーブルがロックされますか?

2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレー...

Excel エクスポートは docker 環境では常に失敗する

Excel のエクスポートは、docker 環境では常に失敗します。最も直接的な原因は、中国語フォン...

MySQL Limitパフォーマンス最適化とページングデータパフォーマンス最適化の詳細な説明

MySQL Limit はセグメント内のデータベース データをクエリでき、主にページングで使用されま...

Windows2008 64 ビット システムでの MySQL 5.7 グリーン バージョンのインストール チュートリアル

序文この記事では、MySQL 5.7 グリーン バージョンのインストール チュートリアルを紹介します...

VMware 15.5 バージョンのインストール Windows_Server_2008_R2 システム チュートリアル図

1. VMware 15.5から新しい仮想マシンを作成する1. VMware を開き、ホームページで...

ノードイベントループにおけるイベント実行の順序

目次イベントループブラウザ環境イベントループノード環境イベントループ6つのステージ(1)setTim...

Vueは動的クエリルール生成コンポーネントを実装します

1. 動的クエリルール動的クエリルールは、おおよそ次の図のようになります。ユーザのカスタマイズに応じ...