ラジオボタン

　<INPUT>タグは<FORM>の中でさまざまな入力エリアを作る場合に用いられます。TYPE属性として、"radio"を指定すると、複数項目からたった１つだけ選択することができるようになります。では実際のフォームを見ながら、その仕組みを詳しく見てみましょう。


《ラジオボタンの基本パターン》

次の各設問で、試しに２つの答を両方とも選んでみて下さい

あなたは人間ですか　　　　
  1. 人間です　　　　
  2. 幽霊です　　　　

　あなたの性別は　　　　　　
  1. 女　　　　　　　
  2. 男　　　　　　　
回答ボタン：　　

取り消しボタン：

　

<FORM METHOD=post ACTION="mailto:seko@edu.mie-u.ac.jp">
次の各設問で、試しに２つの答を両方とも選んでみて下さい<BR>

あなたは人間ですか<BR>
　　<OL>
　　　<LI><INPUT TYPE="radio" NAME="人間か" VALUE="人間">人間<BR>
　　　<LI><INPUT TYPE="radio" NAME="幽霊か" VALUE="幽霊">幽霊<BR>
　　</OL>

あなたの性別は<BR>
　　<OL>
　　　<LI><INPUT TYPE="radio" NAME="seibetu" VALUE="woman">女<BR>
　　　<LI><INPUT TYPE="radio" NAME="seibetu" VALUE="man">男<BR>
　　</OL>

回答ボタン：　　<INPUT TYPE="submit" VALUE="回答する"><P>

取り消しボタン：<INPUT TYPE="reset" VALUE="取り消す"><P><BR>

</FORM>



 ラジオボタンは同じNAME属性のものの中で一つだけ選ぶことができるのです。従って最初の例のように、一つでは意味がありません。一度選んだら取り消しをするまで、チェックは消えてくれません

フォームの例にもどる


《択一回答欄の作り方》

あなたの年齢は
  1. 10代　　　　
  2. 20代　　　　
  3. 30代　　　　
  4. 40代　　　　
  5. 50代以上　　
回答ボタン：　　

取り消しボタン：

　

<FORM METHOD=post ACTION="mailto:seko@edu.mie-u.ac.jp"> あなたの年齢は<BR>

<OL>
<LI><INPUT TYPE="radio" NAME="nenrei" VALUE="10">10代<BR>
<LI><INPUT TYPE="radio" NAME="nenrei" VALUE="20">20代<BR>
<LI><INPUT TYPE="radio" NAME="nenrei" VALUE="30">30代<BR>
<LI><INPUT TYPE="radio" NAME="nenrei" VALUE="40">40代<BR>
<LI><INPUT TYPE="radio" NAME="nenrei" VALUE="50">50代以上<BR>
</OL>

回答ボタン：　　<INPUT TYPE="submit" VALUE="回答する"><P>

取り消しボタン：<INPUT TYPE="reset" VALUE="取り消す"><P><BR>

</FORM>



 　ここでNAME属性は、すべて同じ値にしておく必要があります。そうすれば同じ名前の付いたものの中で、一つだけ選ぶことができます（あるものを選べば、すでに選ばれていたものが消える）

フォームの例にもどる

ＭＥＮＵにもどる