セレクトボックス
コピペですぐ使えるセレクトボックスのサンプルコードを動作・特徴別にまとめています。
無料ツール
セレクトボックスを自由に作成

選択肢・タイトル・説明文・ラベル・サイズ・色・枠線・矢印などを設定して、HTML・CSSを自動生成できます。

セレクトボックス作成ツールを使う
新しいタブで開きます

基本

基本のセレクトボックスを作る方法
「選択してください」を初期表示するセレクトボックスの作り方

スクロール

スクロール付きセレクトボックスを作る方法

指定時間

指定時間後に選択できなくなるセレクトボックスを作る方法

最初から

最初から項目が選択されたセレクトボックスを作る方法

状態維持

ページを移動しても選択状態を記憶するセレクトボックスの作り方

画像

画像をセレクトボックスで切り替える方法

FAQ・Q&A向け

FAQ・Q&A向けセレクトボックスの作り方

localStorage

ページを移動しても選択状態を記憶するセレクトボックスの作り方

アイコン

アイコン付きセレクトボックスを作る方法
セレクトボックスの矢印アイコンを変更する方法

デコレーション

ラベル付きセレクトボックスを横並びに配置する方法
アイコン付きセレクトボックスを作る方法
セレクトボックスの矢印アイコンを変更する方法

応用

複数選択できるセレクトボックスを作る方法
項目をグループ分けしたセレクトボックスを作る方法
セレクトボックスで選択できない項目を設定する方法