<オプション>


HTML <option> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

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

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します


ブラウザサポート

1000.png

最も人気のあるビューブラウザは <option> タグをサポートしています。


タグの定義と使用方法

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

<option> タグ内の内容は <select> または <datalist> の要素として使用されます。


ヒントとメモ

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

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

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


属性

属性 説明
disableddisabled は、最初のロード時にこのオプションを無効にする必要があることを指定します。
labeltext <optgroup> が使用されるときに使用されるラベルを定義します。
selectedselected は、オプションが選択されて表示されることを指定します (リストに最初に表示されるとき)。
valuetextは、サーバーに送信されるオプション値を定義します。


グローバル属性

<option> タグはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。


イベント属性

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