HTML リファレンス ...Wikiモドキ

http://www.usamimi.info/~geko/arch_web/arch_html/tag_select.html

select要素

概要

option要素又はoptgroup要素を内容として、(プルダウン)メニューを作成する。

要素仕様
バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1
開始/終了タグ 必須/必須
要素種 --
非推奨 NO
必須 --
内容となるもの option要素又はoptgroup要素

用例

select要素の用例

<select name="browser">
 <optgroup label="InternetExplorer">
  <option label="IE 6.0" value="ie6">IE 6.0</option>
  <option label="IE 7.0" value="ie7">IE 7.0</option>
  <option label="IE 8.0" value="ie8">IE 8.0</option>
 </optgroup>
 <optgroup label="Firefox">
  <option label="FF 2.0.x" value="ff2x">FF 2.0.x</option>
  <option label="FF 3.0.x" value="ff3x" selected="selected">FF 3.0.x</option>
 </optgroup>
  <optgroup label="Opera">
  <option label="Op 9.x" value="op9x">Op 9.x</option>
  <option label="Op 10.x" value="op10x">Op 10.x</option>
 </optgroup>
 <optgroup label="GoogleChrome">
  <option label="GC 0.x" value="gc0x">GC 0.x</option>
  <option label="GC 1.x" value="gc1x">GC 1.x</option>
  <option label="GC 2.x" value="gc2x">GC 2.x</option>
 </optgroup>
</select>

サンプルページ

関連要素

属性

multiple

メニュー項目を複数選択可能にする。論理属性のため、記述はmultiple又はmultiple="multiple"とする。

属性仕様
バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1
対象要素 select
非推奨 NO
必須 --
multiple
name

フォームの部品としての名前をつける。この名前は値とセットになって送信される。

属性仕様
バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1
対象要素 select
非推奨 NO
必須 --
文字列(大小区別なし)
size

メニュー項目の高さを指定する。初期設定では高さ1のプルダウン式メニューであるが、指定を2以上とするとどのブラウザでもプルダウンではないリストになる。

属性仕様
バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1
対象要素 select
非推奨 NO
必須 --
自然数

size属性の用例

select要素size属性の用例

<h2>指定なし又は1</h2>
<p>
<select size="1" name="browser">
  <option label="Firefox" value="FF">Firefox</option>
  <option label="Google Chrome" value="GC">Google Chrome</option>
  <option label="InternetExplorer" value="IE">InternetExplorer</option>
  <option label="Opera" value="Op">Opera</option>
  <option label="Safari" value="Sa">Safari</option>
</select>
</p>
<h2>2以上</h2>
<p>
<select size="4" name="browser">
  <option label="Firefox" value="FF">Firefox</option>
  <option label="Google Chrome" value="GC">Google Chrome</option>
  <option label="InternetExplorer" value="IE">InternetExplorer</option>
  <option label="Opera" value="Op">Opera</option>
  <option label="Safari" value="Sa">Safari</option>
</select>
</p>

サンプルページ2

その他

input要素との共通属性

作成:2009/08/20 / 最終更新:2009/08/20

HTML4.01版/ XHTML1.1版/ XML原本