SELECT - Menu

選択メニュー

タグ：	<SELECT NAME=`string`> </SELECT>
アトリビュート：	NAME=`string`, SIZE=`n`, MULTIPLE
Children：	OPTION
Parents：	FORM ＊FORMエレメントの中で以下のエレメントはParentになれます＊ Block-level Hx, P, PRE, DIV, CENTER, BLOCKQUOTE, TH, TD, DT, DD, LI, ADDRESS Text-level TT, I, B, U, STRIKE, BIG, SMALL, SUB, SUP, EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, FONT, A, APPLET, CAPTION

SELECTエレメントは単一選択、あるいは複数選択が出来る選択メニューを作ります。このメニュー・ウインドーの表示方法には二種類あり、プル・ダウン・メニュー（ポップ・アップ・メニュー）と必要に応じてスコロール・バーを表示するリスト・ボックスです。
SELECTエレメントにはINPUTエレメントと違い、オープン・タグとクローズ・タグがあります。

name（Required) アトリビュートはSELECTエレメントに固有名を指定します。
ここで使われるメニューの項目はOPTIONタグでリストされます。
OPTIONタグには、
- 選択された場合のヴァリューを指定するvalueアトリビュート
- あらかじめ選択された状態にしておくselectedアトリビュート
があります。　e.g. <option value="red" selected> 赤

1. プル・ダウン・メニュー

テーブルのタグの欄に書かれているのは、最小限必要なアトリビュートを加えたものですが、これとOPTIONエレメントを使うとプル・ダウン・メニューが出来ます。

Example:

好きな色は：
 <SELECT name="color">
   <option value="red" selected> 赤
   <option value="blue"> 青
   <option value="yellow"> 黄
   <option value="white"> 白
   <option value="black"> 黒
   <option value="purple"> 紫
 </SELECT>
です。

2. リスト・ボックス

プル・ダウン・メニューを作ったソース・コードにsizeアトリビュートを使うと、メニュー表示はリスト・ボックスになります。

sizeアトリビュートはリスト・ボックスの表示サイズを指示します。
OPTIONタグのselectedアトリビュートは複数の項目に使用出来ますが、その場合は必ず SELECTタグに multipleアトリビュートが必要です。
multipleアトリビュートは複数選択を可能にします。

複数選択をする場合は Command key( Control keyのケースもあると思います。) を押したままクリックして下さい。一度選択したリストの取り消しも同様です。

Example:

好きな色は：
<SELECT name="color" size=6 multiple>
   <option value="red"> 赤
   <option value="blue"selected> 青
   <option value="yellow"> 黄
   <option value="white" selected> 白
   <option value="black"> 黒
   <option value="purple"> 紫
   <option value="orange"> オレンジ
   <option value="pink"> ピンク
   <option value="gold"> ゴールド
   <option value="silver"> シルバー
</SELECT>
です。

　　name: SELECTエレメントに固有名を指定します。
このヴァリュー（個有名）にはOPTIONタグのヴァリュー（項目名）がアサイン (assign)され、データとしてサーバーに送られます。
　　size: メニュー・ウインドーの表示サイズを指示します。リストされた項目の数が sizeで指定した数よりも多い場合はスクロール・バーが表示されます。
　　multiple: 複数項目の選択を可能にします。

- FORM fields -
[INPUT] [SELECT] [TEXTAREA] [OPTION]

[HTML help] [Basics] [HTML 3.2] [Beginner's] [How]

ABACUSS LTD.
www.abacuss.com