|
初級篇★ページ作りの基礎知識1. HTMLを書いてみよう VOL7.送信フォームを作ってみよう その2.ラジオボタンとチェックボックス Ⅰ.ラジオボタンを作る 一番お好きな料理は?
このような丸いボタンを、「ラジオボタン」といい、 <INPUT TYPE="radio" NAME="質問のグループ名" VALUE="回答">で設定します。 NAME ... 送信された時に、どの質問に対する回答かを示すタイトルになります。 ※ひとつの質問に対しての回答ですから、それをひとまとまりとしてグループ名を付け、それに属する各項目のNAMEには全て同じ名前を付けておきます。 VALUE ... 送信された時に訪問者がどれを選んだかを知るために、各項目に個別の名前を入れておきます。
上の例は、スクリプトでは以下のように書かれています。 <form> <p><input type="radio" name="dishes" value="japanese">和食</p> </form> なお、ラジオボタンの選択は、ひとつのグループに対して必ずひとつです。また、以下のようにグループのうちどれかに「checked」と書き込んでおくと、その項目に予め印が付いた状態で表示されます。 <form> <p><input type="radio" name="dishes" value="japanese"
checked>和食</p> </form> ↓
Ⅱ.チェックボックスを作る 行ってみたいのは、どこですか?（複数回答可）
これは「チェックボックス」といい、 <INPUT TYPE="checkbox" NAME="質問のグループ名" VALUE="回答">で設定します。 NAME ... ラジオボタン同様、送信された時にどの質問に対する回答かを示すタイトルになります。 ※ひとつの質問に対しての回答ですから、それをひとまとまりとしてグループ名を付け、それに属する各項目のNAMEには全て同じ名前を付けておきます。 VALUE ... 送信された時に訪問者がどれを選んだかを知るために、各項目に個別の名前を入れておきます。 上の例は、スクリプトでは以下のように書かれています。
<form> <p><input type="checkbox" name="travel" value="uk">英国</p> </form> なお、チェックボックスの場合は、ひとつのグループ内で、いくつでも選択できます。また、以下のようにグループのうちどれかに「checked」と書き込んでおくと、その項目に予め印が付いた状態で表示されます。 <form> <p><input type="checkbox" name="travel" value="uk"
checked>英国</p> </form> ↓
★送信例★
初級篇1.VOL７.送信フォームを作ってみよう・その１ << >> 初級篇1.VOL７.送信フォームを作ってみよう・その３
|
2006.7..23.
