ラジオボタン
ラジオボタンは、 HTMLフォームの要素で、 丸いボタンの形をしており、選択状態と未選択状態を 切り替えることができます。
ラジオボタンは、inputタグの
type属性の値をradioに設定することで作成されます。
外観:
単体のラジオボタンが使われることはほとんどなく、
グループで使用するべきです。グループ内では、
1つのボタンのみを選択できます。ボタンは、
name属性の値が同じ場合にのみ
グループを形成します(以下の例を参照)。
例
2つのラジオボタンを作成してみましょう:
最初のボタンは選択状態(checked属性を設定)にし、
2つ目は未選択状態にします。これらのボタンはグループを形成し、
その中で1つだけを選択できるようになります(
両方のname属性の値が同じであるため)。
これらのラジオボタンには、value属性に
異なる値が設定されていることに注意してください。
これは、データがサーバーに送信された後、PHPが
どのボタンが選択されたかを判別できるようにするためです:
<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">
:
例
次に、2つのラジオボタングループを作成してみましょう:
最初のグループはあるname属性値を持ち、
2番目のグループは別の値を持ちます。実際にクリックしてみると、
グループが互いに独立して切り替わるのがわかります:
<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">
<br>
<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">
: