基礎プログラミング II 第 9 回 (CGI ことえらび) 「ラジオボタンの作り方」 講義ノート目次

ラジオボタンとは、1 つだけ選ぶ方法である。 自由席、指定席またはスーパーシートを選ぼう。 cgi_seat.html を作ろう。動いたあとのプログラムは、 cgi_seat.rb としよう。

cgi_seat.rb, cgi_seat.html を cgi_ticket.rb, cgi_ticket.html からそれぞれ複製し、適当に書き変えよう。rb プログラムは実行可能であるか 調べること。


 :
<p>座席の種類別</p>
<form method="POST" action="./cgi_seat.rb">
<p>
<input type="radio" name="seat" value="自由席">自由席
<input type="radio" name="seat" value="指定席" checked>指定席
<input type="radio" name="seat" value="スーパーシート">スーパーシート
</p>
<p>
<input type="submit" value="OK">
<input type="reset" value="reset">
</p>
</form>
 :
##   type="radio"              # ラジオボタン
##   name="ラジオボタンの名前" # 使うラジオボタンを区別するため
##   value="CGI 変数の値"      # ユーザが選ぶとこの値がプログラムに送られる

input tag に checked と入れると、自動的に既定値に設定できる。

見えかたは下のようになる。

radio button

動作は、 このようになるはずである。