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

<< Home / ケータイ index / フォームタグ / チェックボックスを作る
Mobile Index

<INPUT TYPE="checkbox">
チェックボックスを作る


対応機種

INPUTタグTYPE="checkbox" を指定すると、選択ボタンが作成されます。この「チェックボックス」タイプでは、選択肢の中から複数選べるボタンになります。


<INPUT TYPE="checkbox" NAME="sample" VALUE="サンプル"> サンプル


TYPE="checkbox"に指定できる内容
NAME="" ボタンのグループ名を指定する
VALUE="" 送信される内容を指定する
CHECKED 最初から選択された状態にする



■NAME="" (ボタンのグループ名を指定する)

そのボタンが属するグループ名を指定します。例えば、1つの質問(グループ)に対して3つの選択肢(ボタン)がある場合、その3つのボタンの NAME="" には同じ名前(グループ名)を記述することになります。


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

選択されたボタンがどれなのかを判別するために、ボタンごとに VALUE="" の内容を記述します。この VALUE="" に記述された内容が、グループ名と一緒に送信されることになります。


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

CHECKED を指定しておくと、予め選択された状態にしておけます。チェックボックスでは、1つのグループに対して複数のボタンにこの指定が行えます。

【使用例】

■2つの質問(グループ)を作った場合

<FORM>

質問1
<BR>
<INPUT TYPE="checkbox" NAME="question1" VALUE="A">回答A
<BR>
<INPUT TYPE="checkbox" NAME="question1" VALUE="B">回答B
<BR>
<INPUT TYPE="checkbox" NAME="question1" VALUE="C">回答C
<BR>
<BR>
質問2
<BR>
<INPUT TYPE="checkbox" NAME="question2" VALUE="A" CHECKED>回答A
<BR>
<INPUT TYPE="checkbox" NAME="question2" VALUE="B">回答B
<BR>
<INPUT TYPE="checkbox" NAME="question2" VALUE="C" CHECKED>回答C

</FORM>

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

サンプル画面
質問1
回答A
回答B
回答C

質問2
回答A
回答B
回答C

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

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

<< 前のページにもどる


<< Home / ケータイ index / フォームタグ / チェックボックスを作る Page Top