HTML <option> タグ

前へ 完全なHTM リファレンス 次へ

4 つの選択肢を持つドロップダウンリスト:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Try it Yourself ❯

定義と用法

<option> タグは、セレクトリストの選択肢を定義します。

<option> 要素は、<select> または <datalist> 要素の中に入れます。


ブラウザ・サポート

要素
<option> Yes Yes Yes Yes Yes

チップスと注意事項

注: <option> タグは、属性なしで使用することができますが、 通常、何がサーバに送信されるかを表す value 属性を必要とします。

チップ: 選択肢のリストが長い場合、<optgroup> タグによって関連する選択肢をグループにできます。


属性

属性 説明
disabled disabled 無効にする選択肢を指定する
label text 選択肢の短いラベルを指定する
selected selected ページをロードする時に、事前に選択する選択肢を指定する
value text サーバに送信する値を指定する

グローバル属性

<option> タグは、HTML のグローバル属性もサポートします。


イベント属性

<option> タグは、HTML のイベント属性もサポートします。


関連ページ

HTML DOM リファレンス:Option オブジェクト


デフォルトの CSS 設定

なし。


前へ 完全なHTM リファレンス 次へ