【HTML】セレクトボックスで1行目を選択不可項目にする(デフォルトでは選択不可のoptionタグが選択されている状態)

画面作成をしていて結構使うことがあるにも関わらず、なんだっけ……となっていたので備忘録のために書いておきます。

 

やりたいこと

HTMLでセレクトボックスを作るとき、optionタグで選択肢を作りますが、1つめの項目が表示されている状態で、セレクトボックスをクリックして選択肢を選ぼうとすると、その1つめの項目は選択できないようになっている。

これを実現したいのですが、久しぶりにセレクトボックス作ると「あれ?どうやってたっけ?」となっちゃいました。

 

下にコードとサンプルを残しています。

 

<select>
    <option disabled selected value>Choose...</option>
    <option value="1">option_1</option>
    <option value="2">option_2</option>
    <option value="3">option_3</option>
<select>

 

 

 

コメントを残す