HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML: <option> タグ

ウェブフォームでは、HTML要素 <option> は <select>、<optgroup>、または <datalist> 要素に含まれる項目を定義するために使用されます。<option> は、ポップアップウィンドウや HTML ドキュメントの他のプロジェクトリストでメニュー項目を表すことができます。

オンラインの例

以下に 3 の選択リスト：

例

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML optionタグの使用（基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
　　<label for="tutorial_choice">Tutorials:　</label>
　　<select id="tutorial_choice">
　　　　<option value="html">HTML</option>
　　　　<option value="css">CSS</option>
　　　　<option value="sql">SQL</option>
　　</select>
</body>
</body>
</html>

テストを見てみましょう ‹/›

このHTML5ドキュメントの例では、<select> タグを使用して3つのドロップダウン値のリストを作成しました。-HTML、CSS、SQL。これらの値はユーザーが選択可能なドロップダウンリストとして表示されます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

タグの定義と使用方法の説明

<option> タグはドロップダウンリスト内のオプション（エントリ）を定義します。

<option> タグ内の内容は <select> または<datalist> 一つの要素を使用します。

ヒントおよび注意

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

注：このタグはselect要素と一緒に使用する必要があります。そうしないと、このタグは意味がありません。

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

属性

属性	値	説明
disabled	disabled	このオプションが初期ロード時に無効にされるように指定します。
label	text	optgroupを使用する場合に使用されるラベルを定義します。
selected	selected	オプションがリストに最初に表示されたときに選択状態になるように指定します。
value	text	サーバーに送信されるオプション値を定義します。

グローバル属性

<option> タグはグローバル属性をサポートしており、完全な属性表を確認してください HTMLグローバル属性。

イベント属性をサポートしています

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

HTML: <output> タグ HTML: <optgroup> タグ