<select> - フォーム部品:セレクト

トップ > HTMLリファレンス > <select>

■ 概要

項目説明
形式<select>〜</select>
サポートH2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ / i1+
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素optgroup / option

■ 説明

<select> は、<form> で作成されるフォーム内の選択部品(セレクトボックス)を表示します。それぞれの選択肢を記述するには <option> を用います。

■ 属性

【重要属性】
属性意味
name=name名前を指定します。
【固有属性】
属性意味
align=aligne4+。表示位置を指定します。
autofocusH5+。自動的にフォーカスを合わせます。
form=idH5+。関連付けたい form要素のidを指定します。
disabledH4+/e4+/N6+。この部品を無効にし、入力できない状態にします。
multipleH2+/e2+/N2+/i2+。複数行選択を可能にします。Windows の場合は、Ctrl キーや Shift キーを押しながらマウスでクリックすることで複数選択が可能になります。
size=nH2+/e2+/N2+/i1+。画面に一度に表示する選択肢の行数を指定します。通常は 1 です。
requiredH5+。この情報が必須であることを示します。
【データバインド関連属性】
属性意味
datafld=dataflde4+。データバインド機能を用いる際の、データソースの列名を指定します。
datasrc=datasrce4+。データバインド機能を用いる際の、データソースの ID を指定します。
【一般属性】
属性意味
class=classH4+/e3+/N4+。クラスを指定します。
id=idH4+/e3+/N4+。ID を指定します。
style=styleH4+/e3+/N4+。スタイルシートを指定します。
title=titleH4+/e4+/N6+。タイトルを指定します。
dir=dirH4+/e5+/N6+。文字の表示方向を指定します。
lang=langH4+/e4+/N6+。言語を指定します。
accesskey=keyH5+/e4+。アクセスキーを指定します。
tabindex=nH4+/e4+/N6+。タブインデックスを指定します。
contenteditable=boolH5+/e55+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。
IE拡張属性他にもIEで拡張された属性が指定可能です。

■ 使用例

HTML
<form action="xxx.cgi">
 <div>
  <select name="OS">
   <option value="WIN">Windows
   <option value="MAC">Macintosh
   <option value="UNIX">UNIX
   <option value="OTHER">その他
  </select>
 </div>
 <div>
  <select name="BROWSER" size=3>
   <option value="IE5">Internet Explorer 5.X
   <option value="IE4">Internet Explorer 4.X
   <option value="IE3">Internet Explorer 3.X
   <option value="NN6">Netscape 6.X
   <option value="NN4">Netscape Communicator 4.X
   <option value="NN3">Netscape Navigator 3.X
   <option value="OTHER">その他
  </select>
 </div>
 <input type=submit value="送信">
</form>
表示


■ 関連項目

<form><input><option><optgroup><textarea>

Copyright (C) 1996-2011 杜甫々
初版:2000年10月9日 最終更新:2011年6月11日
http://www.tohoho-web.com/html/select.htm