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は、マウスを線の上に置くと線全体の色を変える効果を実現します。
推薦する
Docker初心者が初めてよく使うコマンドを試してみる練習記録
Docker を正式に使用する前に、まず Docker でよく使用されるコマンドに慣れておきましょう...
Nginx 設定ファイルの詳細な説明と最適化の提案ガイド
目次1. 概要2. nginx.conf 1) 設定ファイルの場所2) ワーカープロセス3) イベン...
Docker Nginxコンテナの制作と展開の実装方法
クイックスタート1. Docker Hubでnginxイメージを見つけるdocker 検索 ngin...
MySQLのパスワードを忘れた場合の対処方法
MySQL パスワードを 2 回忘れてしまいましたか?最初、私はアンインストールして再インストールす...
Linux サーバーに SSH パスワードなしでログインする方法
テスト サーバーにログインするたびに、必ず ssh ログインのパスワードを入力する必要があります。ロ...
ブラウザ内でHTMLタグを中央に配置するCSSスタイル
CSS スタイル:コードをコピーコードは次のとおりです。 <スタイル タイプ="te...
Dockerで最もよく使われるイメージコマンドとコンテナコマンドの詳細な説明
この記事では、Docker の使用で最もよく使用されるイメージ コマンドとコンテナ コマンドを一覧表...
VueはPCカメラを呼び出して写真機能を実現します
この記事の例では、VueがPCカメラを呼び出して写真機能を実現する具体的なコードを参考までに共有して...
MySQL マスタースレーブ構築（複数のマスターと 1 つのスレーブ）の実装アイデアと手順
背景：最近、同社のプロジェクトは同時実行のプレッシャーに耐えられないようなので、最適化が差し迫ってい...
nginxプロセスロックの実装の詳細な説明
目次1. nginxプロセスロックの役割2. エントリーレベルのロックの使用3. nginxプロセス...
Vue+elementuiはドロップダウンテーブルの複数選択と検索機能を実現します
この記事では、ドロップダウンテーブルの複数選択と検索を実現するためのvue+elementuiの具体...
html2canvasで画像が正常にキャプチャできない時の解決方法
質問まず、私が遭遇した問題についてお話しします。まず、そういった需要があるわけです。フロントエンドは...
テキストエリアのテキストをHTMLに変換する方法、つまり復帰改行について
説明: テキストエリアの値の改行を新しい行に変更しますコードをコピーコードは次のとおりです。 <...
CSS3 で作成したホバーズーム効果
結果：実装コード: html <link href='https://fonts.go...
EXPLAIN コマンドの詳細な説明と MySQL での使用方法
1. シナリオの説明: 同僚から MySQL で explain を使用する方法を教わったので、返さ...