HTML <option>タグ


例

4つのオプションを持つ選択リストを作成:

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

試してみる »

ブラウザサポート

Internet Explorer Firefox Opera Google Chrome Safari

ほとんどの主要ブラウザは <option> タグをサポートしています。


タグの定義と使用説明

<option> タグはドロップダウンリスト内の1つのオプション(1つの項目)を定義します。

<option> タグ内のコンテンツは、<select>または<datalist>要素として使用されます。


ヒントと注釈

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

注釈:このタグは select 要素と一緒に使用してください。そうしないと、このタグは意味がありません。

ヒント:リストのオプションが多い場合は、<optgroup> タグを使用して関連するオプションをグループ化できます。


属性

属性 值 説明
disabled disabled このオプションが最初の読み込み時に無効になることを指定します。
label text <optgroup> を使用する際に使用されるラベルを定義します。
selected selected オプションが(リストに最初に表示されたときに)選択状態として表示されることを指定します。
value text サーバーに送信されるオプションの値を定義します。


グローバル属性

<option> タグはグローバル属性をサポートしています。完全な属性表を参照してくださいHTMLグローバル属性。


イベント属性

<option> タグはすべてのHTMLイベント属性。

その他の拡張