select 要素

概要

HTML の select 要素（<select>）は、選択式のメニューを提供するコントロールを表します。メニューの中にある選択肢は、 <optgroup> 要素でグループ化することのできる、 <option> 要素で表されます。ユーザーのため、選択肢をあらかじめ選択しておくことができます。

使用可能な場所

属性

この要素はグローバル属性を持っています。

autofocus HTML5

この属性は、例えば異なるコントロールで入力していることによってユーザーがそれを覆すような場合を除き、ページが読み込まれた際、フォームコントロールが入力フォーカスを持つべきことを指定できるようにします。文書内の 1 つのフォーム要素のみが、真偽値である、 autofocus 属性を持つことができます。

disabled

この真偽値属性は、ユーザーがそのコントロールを利用することができないことを示します。もしこの属性が指定されていない場合、コントロールはその設定を親要素、例えば fieldset 要素から継承します。もし親要素に disabled 属性を持つものが無ければ、そのコントロールは利用可能です。

form HTML5

その select 要素が関連付けられた form 要素（フォームの所有者）です。属性値は同じ文書内の form 要素の ID でなければなりません。もしこの属性が指定されていない場合、その select 要素は form 要素の子孫でなければなりません。この属性によって、 select 要素を、 form 要素の子孫としてだけでなく、文書内の任意の場所に置くことができます。

multiple

この真偽値属性は、リストの複数の選択肢を選択することができることを示します。指定されていない場合は、一度に選択することができるのは 1 つの選択肢のみです。

name

コントロールの名前です。

required HTML5

空ではない文字列の値の選択肢を選択しなければならないことを示す真偽値属性です。

size

もしコントロールがスクロールリストボックスとして表される場合、この属性は一度に見えるべきリストの行数を表します。ブラウザは、 select 要素をスクロールリストボックスとして提供する必要はありません。初期値は 0 です。

DOM インターフェース

この要素は、 HTMLSelectElement インターフェースを実装しています。

例

<!-- 最初に 2 番目の値が選択されます。 -->
<select name="select">
  <option value="value1">Value 1</option> 
  <option value="value2" selected>Value 2</option>
  <option value="value3">Value 3</option>
</select>

結果

Value 1Value 2Value 3

注意

この要素の内容は静的で、編集可能ではありません。もし、ラジオボタンやテキストボックスを持った <fieldset> （ JavaScript を使わず、純粋な CSS で書かれている）を使って、編集可能な select 要素をエミュレートしたい場合は、こちらの例をご覧下さい。

仕様

互換性

参照

• フォームに関連する他の要素。 <form>、 <legend>、 <label>、 <button>、 <option>、 <datalist>、 <optgroup>、 <fieldset>、 <textarea>、 <keygen> 、 <input>、 <output>、 <progress> and <meter>。