概要
Web フォームにおいて HTML <option> 要素は、<select> 要素、<optgroup> 要素、HTML5 の <datalist> 要素内で項目を表すコントロールを生成します。
| コンテンツカテゴリ | なし |
|---|---|
| 許可された内容 | エスケープされた文字 (例えば é) を含むテキスト |
| タグの省略 | 開始タグは必須。直後に別の <option> 要素または <optgroup> 要素がある場合、または親要素が他に内容を持たない場合は終了タグを省略可能。 |
| 許可された親要素 | <select> 要素、<optgroup> 要素、<menu> 要素。 |
| DOM インターフェイス | HTMLOptionElement |
属性
この要素は グローバル属性を持ちます。
disabled- この論理属性を設定すると、選択肢が選択不能になります。多くのブラウザはそのようなコントロールをグレーアウトで表示し、マウスクリックやフォーカスなど、いかなるイベントも受け付けなくなります。この属性を設定していなくても、祖先が disable 状態の
<optgroup>要素である場合は無効化されます。 label- この属性は、選択肢の意味を示すラベルテキストです。
label属性を定義していない場合は、要素のテキストコンテンツが要素の値になります。使用上の注意:label属性は、主に階層的なメニューで使用される短いラベルを持つように設計されています。value属性は、例えばラジオボタンの近くで使用される長いラベルを記述します。 selected- この論理属性を設定すると、その選択肢が初期状態で選択されます。
<option>要素がmultipleを設定していない<select>要素の子孫である場合、<select>要素内で 1 個の<option>だけが selected 属性を持てます。 value- この属性の内容物は、フォームで送信する値を表します。値を送信するには、選択肢を選択しなければなりません。この属性を省略すると、option 要素のテキストコンテンツが値になります。
例
<select> 要素の例をご覧ください。
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard <option> の定義 |
現行の標準 | |
| HTML5 <option> の定義 |
勧告 | |
| HTML 4.01 Specification <option> の定義 |
勧告 | 最初の定義 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| 基本サポート | 1.0 | 1.0 (1.0)[1] | (有) | (有) | (有) |
| 機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | (有) | 1.0 (1.0)[1] | (有) | (有) | (有) |
[1] Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) まで、label 属性が未定義である場合に誤って要素のテキストコンテンツではなく、空文字列を返していました。
関連情報
- 他のフォーム関連要素:
<form>,<legend>,<label>,<button>,<select>,<datalist>,<optgroup>,<fieldset>,<textarea>,<keygen>,<input>,<output>,<progress>,<meter>