Your Search Results

    select 要素

    概要

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

    使用可能な場所

    コンテンツカテゴリ フローコンテンツフレージングコンテンツインタラクティブコンテンツリスト化ラベル付け可能リセット可能、およびサブミット可能フォーム関連コンテンツ要素
    許可された内容 0 個以上の <option> 要素または <optgroup> 要素。
    タグの省略 不可。開始タグと終了タグの両方が必要です。
    許可された親要素 フレージングコンテンツを受け入れる全ての要素。

    属性

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

    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 です。
    Firefox の注意: HTML5 の仕様によると、 size 属性の初期値は 1 であるべきとされています。しかしながら、実際のところは、このことによっていくつかの Web サイトを壊してしまうことがわかり、他のブラウザでも現在そうしているものは無く、 Mozilla は当分の間、 Firefox でも 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>
    

    結果

    注意

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

    仕様

    仕様書 策定状況 コメント
    HTML5 勧告候補  
    HTML 4.01 Specification 勧告  

    互換性

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート 1.0 1.0 (1.7 or earlier) (有) (有) (有)
    required 属性 (有) 4.0 (2.0) 10 (有) (有)
    機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート (有) 1.0 (1.0) (有) (有) (有)
    required 属性 (有) 4.0 (2.0) 未サポート (有) (有)

    参照

    添付ファイル

    ファイル サイズ 日時 添付者:
    Editable select
    Simulating an editable select through a fieldset of radioboxes and inputboxes.
    5437 バイト 2013-01-12 10:17:59 fusionchess

    Document Tags and Contributors

    Contributors to this page: yyss, ethertank, sii
    最終更新者: yyss,