複数ある選択肢のうち１つだけを選んでほしいときはラジオボタンを採用しましょう。
一つを選択すると他の選択肢は自動的に選択できなくなります。
ラジオボタン
それでは、ラジオボタンを書いていきましょう。
<form action="example.php" method="post" name="contact_form">
<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女
<input type="radio" name="gender" value="その他">その他
</form>それでは、結果を見てみましょう。
ラジオボタンができていると思います。
次に、選択肢を最初から選択した状態にする方法を紹介します。
これは、何もユーザーが選択しなかった場合でも値を取得できるようにするためです。
それでは書いてみましょう。追記になります。
<form action="example.php" method="post" name="contact_form">
<input type="radio" name="gender" value="男" checked>男
<input type="radio" name="gender" value="女">女
<input type="radio" name="gender" value="その他">その他
</form>「男」の選択肢に「checked」属性を追記しました。
結果を見てみましょう。
なにも選択していなくても「男」が選択されているのが分かります。
これでラジオボタンの説明は終了です。お疲れさまでした。
