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は、マウスを線の上に置くと線全体の色を変える効果を実現します。

推薦する

CSS で波の効果を作成するためのアイデア

以前、純粋な CSS を使用して波の効果を実現する方法をいくつか紹介しました。それらについては、次の...

Linux で履歴レコードを表示し、タイムスタンプを追加するためのヒント

Linux で履歴レコードを表示し、タイムスタンプを追加するためのヒントbashに詳しい人なら、hi...

js は丸で囲まれた数字のリストのサンプルコードを動的に追加します

1. まず本文にulタグを追加します <!-- 順序なしリスト --> <ul i...

IDEA の Maven プロジェクトで MySQL 8.0 に接続して使用する方法に関するチュートリアル

まず、私の基本的な開発環境を見てみましょう。オペレーティングシステム: MacOS 10.13.5 ...

Win7 x64 に解凍版の mysql 5.7.18 winx64 をインストールするとサービスが起動できない問題を解決します

今日、mysql の公式サイトから mysql-5.7.18-winx64.zip をダウンロードし...

Layui は複数条件クエリのサンプルコードを実装します

最近ファイルシステムを作ったのですが、フィールドが多すぎることに気づきましたページングを使用した複数...

Element-ui アップロードファイルのアップロード制限の解決策

質問アップロードするファイルのタイプを accept に追加することは、「表面的な」役割しか果たしま...

Dockerにおけるコンテナとイメージの違いについてお話ししましょう

鏡とは何ですか?イメージは、複数のイメージ レイヤー (UnionFS および AUFS ファイル ...

Vueは小さなメモ帳機能を実装しました

この記事の例では、メモ帳の小さな機能を実現するためのvueの具体的なコードを参考までに共有しています...

MySQL を使用した分散ロックの実装

導入分散システムでは、分散ロックは最も基本的なツール クラスです。たとえば、支払い機能を備えた 2 ...

HTML で複数のクラス属性を定義する場合の無効な解決策

HTML を記述する過程で、クラス属性に複数の値を定義することがよくありますが、定義した値が無効であ...

JavaScriptはすべての選択と選択解除の操作を実装します

この記事では、JavaScriptで全選択と全選択解除の操作を実装するための具体的なコードを参考まで...

HTMLのインライン要素とブロックレベル要素とは何か、またそれらの違いは何ですか

以前の就職面接で面接官が尋ねた質問を覚えています。「インライン要素とは何ですか。ブロックレベル要素と...

効果的なウェブフォームのための 8 つのルール

ユーザーから情報を収集する場合、Web フォームを使用するより簡単で直接的な方法はありません。適切に...

Dockerイントラネット侵入FRP展開の実装プロセスの分析

1. 設定ファイルディレクトリを作成するcd /ホームディレクトリmkdir frp最終的なディレク...