BinaryDevelop
  1. ホーム
  2. ハイパーリンク

[解決済み】htmlのselectオプションのセパレータについて

2022-04-04 12:07:32

質問

selectタグのセパレータはどのように作るのですか？ 

New Window
New Tab
-----------
Save Page
------------
Exit

解決方法は？

無効化されたオプションのアプローチは、最もよく見え、最もよくサポートされているようです。optgroupの使用例も載せておきます。

optgroup (この方法はちょっと最悪です)。 

<select>
    <optgroup>
        <option>First</option>
    </optgroup>
    <optgroup label="_________">
        <option>Second</option>
        <option>Third</option>
    </optgroup>
</select>

disabled オプション（少し良い）。 

<select>
    <option>First</option>
    <option disabled>_________</option>
    <option>Second</option>
    <option>Third</option>
</select>

また、本当に派手にしたい場合は、水平方向のユニコード・ボックス描画文字を使用します。

(BEST OPTION!) 

<select>
    <option>First</option>
    <option disabled>──────────</option>
    <option>Second</option>
    <option>Third</option>
</select>

http://jsfiddle.net/JFDgH/2/

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します