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

<< Home / ケータイ index / フォームタグ / ラジオボタンを作る
Mobile Index

<INPUT TYPE="radio">
ラジオボタンを作る


対応機種

INPUTタグTYPE="radio" を指定すると、選択ボタンが作成されます。この「ラジオボタン」タイプでは、選択肢の中から1つだけ選べるボタンになります。


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


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



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

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


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

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


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

CHECKED を指定しておくと、予め選択された状態にしておけます。ラジオボタンでは、1つのグループに対して1つのボタンにだけこの指定が行えます。

【使用例】

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

<FORM>

質問1
<BR>
<INPUT TYPE="radio" NAME="question1" VALUE="Yes">Yes
<INPUT TYPE="radio" NAME="question1" VALUE="No">No
<BR>
<BR>
質問2
<BR>
<INPUT TYPE="radio" NAME="question2" VALUE="Yes">Yes
<INPUT TYPE="radio" NAME="question2" VALUE="No" CHECKED>No

</FORM>

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

サンプル画面
質問1
Yes No

質問2
Yes No

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

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

<< 前のページにもどる


<< Home / ケータイ index / フォームタグ / ラジオボタンを作る Page Top