最新のWeb開発のチュートリアル
 

HTML <option> Tag


4つのオプションを持つドロップダウンリスト:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
»それを自分で試してみてください

定義と使用法

<option>タグは、選択リスト内のオプションを定義します。

<option>要素は、内側に行く<select>または<datalist>要素。


ブラウザのサポート

素子
<option> はい はい はい はい はい

ヒントと注意事項

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

ヒント:オプションの長いリストを持っている場合は、あなたが持つオプショングループに関連することができます<optgroup>タグを。


属性

属性 説明
disabled disabled オプションを無効にすることを指定します
label text オプションの短いラベルを指定します
selected selected ページのロード時にオプションが事前に選択されるべきであることを指定します
value text 値がサーバーに送信されるように指定します

グローバル属性

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


イベント属性

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


関連ページ

HTML DOMリファレンス: オプションオブジェクト


デフォルトのCSS設定

なし。