Home
HTML&CSS Web制作のインデックス
-各種リファレンスとサンプルコード集-

<< Home / ケータイ index / フォームタグ / 選択メニューを作る
Mobile Index

<SELECT><OPTION>
選択メニューを作る


対応機種

このSELECTタグでは、プルダウン形式のメニューやリスト表示形式のメニューを作れます。


<SELECT NAME="sample">
<OPTION VALUE="サンプル">サンプル
</SELECT>


SELECTタグで囲まれた範囲内に、OPTIONタグを並べていきます。

SELECTタグ … メニューを1セット作る指定
OPTIONタグ … メニューの中に入る選択項目を作る指定

OPIOTNタグに並ぶ文字が、メニューの中で表示される文字となります。

※J-Skyでは、1つのメニューに対しての項目数(OPTIONタグ)は、最大30個までに制限されています。


SELECTタグに指定できる内容
NAME="" メニューの項目名を指定する
SIZE="" 表示行数を数値で指定する
MULTIPLE 複数の選択を可能にさせる(i-modeは502i以降)
OPTIONタグに指定できる内容
VALUE="" 送信される内容を指定する
SELECTED 最初から選択された状態にする



■NAME="" (メニューの項目名を指定する)

メニューの項目名を、SELECTタグの中で指定します。送信されるデータがどの項目で選択されたものなのか、この項目名で判断します。


■SIZE="" (表示行数を数値で指定する)

メニューリストを何行で表示させるかを指定します。指定する数値は行数で行います。例えば、5項目が入るメニューを5行で表示させたい場合は、SIZE="5" と記述します。この指定がない場合は1行で表示され、2行目以降の選択項目はプルダウン形式で表示されます。


■MULTIPLE (複数の選択を可能にさせる)

1つのメニューで複数の項目を同時に選択できるようにする指定です。

MULTIPLEについては、i-modeでは502iシリーズ以降で対応し、J-Skyは全シリーズで対応しています。


■VALUE="" (送信される内容を指定する)

メニューの中でどの項目が選択されたのかを判別するために、選択項目ごとに VALUE="" の内容を記述します。この VALUE="" に記述された内容が、そのメニューの項目名と一緒に送信されることになります。


■SELECTED (最初から選択された状態にする)

選択項目に SELECTED を指定しておくと、予め選択された状態にしておけます。

【使用例】

■プルダウン形式で表示させる場合

<FORM>

プルダウン形式で表示させる
<BR>
<SELECT NAME="color1">
<OPTION VALUE="">ホワイト
<OPTION VALUE="">レッド
<OPTION VALUE="">イエロー
<OPTION VALUE="">ブルー
<OPTION VALUE="">グリーン
</SELECT>

</FORM>

<BR>
※サンプルのため送信できません。

サンプル画面
プルダウン形式で表示させる

※サンプルのため送信できません。

【使用例】

■3行目の項目を選択させておく場合

<FORM>

3行目の項目を選択させておく
<BR>
<SELECT NAME="color2">
<OPTION VALUE="">ホワイト
<OPTION VALUE="">レッド
<OPTION VALUE="" SELECTED>イエロー
<OPTION VALUE="">ブルー
<OPTION VALUE="">グリーン
</SELECT>

</FORM>

<BR>
※サンプルのため送信できません。

サンプル画面
3行目の項目を選択させておく

※サンプルのため送信できません。

【使用例】

■5項目を3行で表示させた場合

<FORM>

5項目を3行で表示させる
<BR>
<SELECT NAME="color3" SIZE="3">
<OPTION VALUE="">ホワイト
<OPTION VALUE="">レッド
<OPTION VALUE="">イエロー
<OPTION VALUE="">ブルー
<OPTION VALUE="">グリーン
</SELECT>

</FORM>

<BR>
※サンプルのため送信できません。

サンプル画面
5項目を3行で表示させる

※サンプルのため送信できません。

【使用例】

■MULTIPLEを指定した場合

<FORM>

MULTIPLEを指定する
<BR>
<SELECT NAME="color4" SIZE="3" MULTIPLE>
<OPTION VALUE="">ホワイト
<OPTION VALUE="">レッド
<OPTION VALUE="">イエロー
<OPTION VALUE="">ブルー
<OPTION VALUE="">グリーン
</SELECT>

</FORM>

<BR>
※サンプルのため送信できません。

サンプル画面
MULTIPLEを指定する

※サンプルのため送信できません。

使用例のサンプル画面は、携帯電話での表示を想定したおおまかなイメージです。実際とは多少異なる場合があります。

<< 前のページにもどる


<< Home / ケータイ index / フォームタグ / 選択メニューを作る Page Top