HTML - select 要素

概要

名前
select
カテゴリー
  • Flow content
  • Phrasing content
  • Interactive content
  • Palpable content
  • Form-associated element
  • Labelable element
  • Listed element
  • Submittable element
  • Resettable element
配置できる場所
Phrasing content が期待される場所。
コンテンツモデル
0 個以上の option 要素、および optgroup 要素
説明
select 要素は、あらかじめ決められた選択肢の中から該当する項目を選ぶタイプの部品となる要素です。各選択肢は select 要素の内部で option 要素としてマークアップします。
タグの省略
開始タグも終了タグも省略できません。
DOM Interface
HTMLSelectElement
仕様書
仕様書策定状況コメント
LS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

属性

属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
autofocus1
disabled1
form1
multiple1
name1
required4
size1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
autocomplete
DOMString で、ユーザエージェントの自動補完機能のヒントを提供します。
autofocus
真偽値属性で、ページが読み込まれた時にこのフォームコントロールが入力フォーカスを持つべきであることを指定することができます。文書内で autofocus 属性を持つことができるフォーム要素はひとつだけです。
disabled
真偽値属性で、ユーザがそのコントロールを利用することができないことを示します。もしこの属性が指定されていない場合、コントロールはその設定を親要素、例えば fieldset 要素から継承します。もし親要素に disabled 属性を持つものがなければ、そのコントロールは利用可能です。
form
この属性で select 要素を関連付ける form 要素を指定できます。属性値は同じ文書内の form 要素id でなければなりません。この属性によって select 要素を form 要素の子孫に限らず文書内の任意の場所に置くことができます。
multiple
真偽値属性で、リストの複数の選択肢を選択することができることを示します。指定されていない場合は、一度に選択することができる選択肢はひとつだけです。multiple が指定されている場合、多くのブラウザは単一行のドロップダウンの代わりにスクロールするリストボックスを表示します。
name
この属性は、コントロールの名前を指定するために使用します。
required
真偽値属性で、空ではない文字列の値の選択肢を選択しなければならないことを示します。
size
コントロールがスクロールするリストボックスとして表示される場合、この属性は一度に見えるべきリストの行数を表します。ブラウザは select 要素をスクロールリストボックスとして提供する必要はありません。既定値は 0 です。

サンプルコード

select 要素のサンプルコードは以下のとおりです。

<select name="choice">
  <option value="first">First Value</option>
  <option value="second" selected>Second Value</option>
  <option value="third">Third Value</option>
</select>
select 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
44
Shares:
0
Tag:
HTML
hatebu icon
hatebu