オプションタグ(option)で初期表示させる項目を選択できないようにする方法

スポンサーリンク

オプションタグで最初に表示させる項目は、ラベルのようなもので実際には選択されないようにするための方法。

最初のoptionを使って、valueを空にし、selected disabled hiddenをoptionタグ内に入力すれば実現できる。

<select>
  <option value="" selected disabled hidden>選択肢を選ぶ</option>
  <option value="1">項目A</option>
  <option value="2">項目B</option>
  <option value="3">項目C</option>
  <option value="4">項目D</option>
  <option value="5">項目E</option>
</select>

参考:How can I set the default value for an HTML <select> element?

タイトルとURLをコピーしました