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

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

概要

項目説明
形式<select>~</select>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリフローコンテンツ, フレージングコンテンツ, インタラクティブコンテンツ, パルパブルコンテンツ
リステッド, ラベラブル, サブミッタブル, リセッタブル, リアソシエイタブル, フォーム関連
親要素フレージングコンテンツ を子要素に持てるもの
子要素option, optgroup, script, template要素
タグの省略開始タグ:必須 / 終了タグ:必須

説明

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

属性

【重要属性】
属性意味
name=nameH5。名前を指定します。
【固有属性】
属性意味
autofocusH5/e/Ch/Sa/Op。自動的にフォーカスを合わせます。
form=idH5。関連付けたい form要素のidを指定します。
disabledH4/e4/Ch/Fx/Sa/Op/N6。この部品を無効にし、入力できない状態にします。
multipleH2/e2/Ch/Fx/Sa/Op/N2/i2。複数行選択を可能にします。Windows の場合は、Ctrl キーや Shift キーを押しながらマウスでクリックすることで複数選択が可能になります。
size=nH2/e2/Ch/Fx/Sa/Op/N2/i1。画面に一度に表示する選択肢の行数を指定します。通常は 1 です。
requiredH5/e/Ch/Fx/Op。この情報が必須であることを示します。
align=aligne4。表示位置を指定します。
【データバインド関連属性】
属性意味
datafld=dataflde4。データバインド機能を用いる際の、データソースの列名を指定します。
datasrc=datasrce4。データバインド機能を用いる際の、データソースの ID を指定します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

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-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/select.htm