初心者大歓迎！HTMLを使って一緒にHP作成してみませんか？

　「今回やるのはこれじゃ。」

　「ラジオボタンですね☆」


　「うむ。よくアンケートなどで使われておるのぅ。」


　「似たようなのにチェックボックスってありますよね？
　　　　ラジオボタンとチェックボックスって、どう違うんですか？」


　「チェックボックスは選択肢の中からいくつでも選べるが
　　　　ラジオボタンは選択肢の中から1つしか選べないぞぃ。
　　　　たとえば上の性別や、「はい」「いいえ」で答えるときなどに使うんじゃ。
　　　　ではタグを見てみようかのぅ。」




　ラジオボタンを作るタグ
-----------------------------------------------------------------


　<INPUT tye="radio">　：　ラジオボタンを表示する。



　name="■"　：　ラジオボタンのグループ名を■にする。

　　　　　　　　　　　（■にはグループの名前を入れる）


　value="▲"　：　ラジオボタンの名前を▲にする。

　　　　　　　　　　　（▲にはラジオボタンの名前を入れる）


　checked　：　ラジオボタンをあらかじめ選択しておく。


-----------------------------------------------------------------



　「あ、また　<INPUT type="■">　のタグ出てきましたね。
　　　　name="■",value="▲"　もよく出てくるなぁ。」


　「そうじゃのぅ。
　　　　じゃが今回の　name="■",value="▲"　は
　　　　今までと少し使い方が違うぞぃ。」


　「name="■"　はえ〜っと･･･グループの名前？？？」


　「うむ。サンプルでいうと、性別を選ぶボタンが3種類あるじゃろぅ？
　　　　これを1つのグループとして、同じ名前をつけておくんじゃ。
　　　　この同じ名前のグループの中から1つだけ選べるようになっておるんじゃよ。」


　「あ、なるほど。
　　　　1つのアンケートで何種類もラジオボタン使うことありますもんね。
　　　　じゃあ　value="●"　は？」


　「これは、送信したときに、どのラジオボタンが選択されたのかわかるように
　　　　ラジオボタン自体の名前をつけておくんじゃ。
　　　　今まではこれを　name="■"　を使って指定しておったな。」


　「わかりました。
　　　　これも全部　<INPUT type="radio">　の中に入れて使うんですね？」


　「そう。では実際に使ってみるぞぃ。」

　「ではブラウザで見てみるぞぃ。」

　「checked　は1つのグループにつき1度しか使えないぞぃ。
　　　　では実際どんなメールが届くのか見てみようかのぅ。
　　　　上から、「はい」「101〜200歳」にチェックを入れて送ってみるぞぃ。」

　「左側の「役に立ってる？」「年齢」が
　　　　name="■"　に入れたグループの名前、
　　　　右側の「はい」「101〜200歳」が
　　　　value="●"　に入れたラジオボタンの名前じゃな。
　　　　今回はこれでおしまいじゃ。」





↑ページのTOPへ

入力欄（複数行）を作ろう <<<　前のページへ戻る

チェックボックスを作ろう 次のページへ進む　>>>

サルでもわかる？かんたんHTML　トップページ 　>>>　＃８．フォーム 　>>>　ラジオボタンを作ろう