<選択>

HTML<select>タグ

インスタンス

<!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>

インスタンスの実行»

オンラインインスタンスを表示するには「インスタンスの実行」ボタンをクリックしてください

ブラウザのサポート

すべての主要なブラウザすべて<select> タグをサポートします。

ラベルの定義と使用方法

<select> 要素は、ドロップダウンリストを作成するために使用されます。

<select> 要素の <option> タグは、リストで使用できるオプションを定義します。

ヒントとメモ

ヒント: <select> 要素は、フォームでユーザー入力を受け入れるために使用できるフォームコントロールです。

HTML 4.01とHTML5の違い

HTML5では、いくつかの新しい属性が追加されています。

属性

New: HTML5 の新しい属性。

Property	Value	Description
autofocusNew	autofocus	は、ページの読み込み時にドロップダウンリストが自動的にフォーカスを取得することを指定します。
disabled	disabled	このプロパティが true の場合、ドロップダウンリストは無効になります。
formNew	form_id	選択フィールドが属する 1 つ以上のフォームを定義します。
multiple	multiple	この属性が true の場合、複数のオプションを選択できます。
name	name	ドロップダウンリストの名前を定義します。
requiredNew	required	は、ユーザーがフォームを送信する前にドロップダウンリストからオプションを選択する必要があることを指定します。
size	number	ドロップダウンリストに表示されるオプションの数を指定します。

グローバル属性

<select> タグは HTML グローバル属性をサポートします。

イベント属性

<select> タグは HTML イベント属性をサポートします。

HTML DOM リファレンスマニュアル: オブジェクトを選択