[新着] Webテンプレートを仮オープンしました
inputタグに type="radio" を指定すると、ラジオボタンを作成できます。（選択肢の中から1つだけ選べるタイプ）
<input type="radio" name="example" value="サンプル">サンプル
<input type="radio" name="example" value="サンプル" checked>サンプル
| name="" | ボタン名を指定します（一般的には半角英数字） |
|---|---|
| value="" | 送信される内容を指定します |
| checked | 最初から選択された状態にします |
■name="" （ボタン名を指定する）
入力項目を判別するための名前です。複数のボタンに同じボタン名を付けることで、1つのボタングループを作れます。
ラジオボタンは、グループの中から1つだけ選べるタイプのボタンになります。
■value="" （送信される内容を指定する）
そのボタンが選択されたとき、value="" の内容が送信されます。
■checked （最初から選択された状態にする）
checked を指定したボタンは、最初から選択された状態になります。
■2つのボタングループを作る場合
<form method="POST" action="example.cgi">
<p>
質問1 料理は好きですか？
<input type="radio" name="q1" value="はい">はい
<input type="radio" name="q1" value="いいえ">いいえ
<input type="radio" name="q1" value="どちらでもない">どちらでもない
</p>
<p>
質問2 洗濯は好きですか？
<input type="radio" name="q2" value="はい">はい
<input type="radio" name="q2" value="いいえ">いいえ
<input type="radio" name="q2" value="どちらでもない">どちらでもない
</p>
<p><input type="submit" value="送信する"></p>
</form>
▼これをブラウザで見ると次のように表示されます
※サンプルのため送信できません
■「いいえ」にcheckedを指定する場合
<form method="POST" action="example.cgi">
<p>
質問3 掃除は好きですか？
<input type="radio" name="q3" value="はい">はい
<input type="radio" name="q3" value="いいえ" checked>いいえ
<input type="radio" name="q3" value="どちらでもない">どちらでもない
</p>
<p><input type="submit" value="送信する"></p>
</form>
▼これをブラウザで見ると次のように表示されます
※サンプルのため送信できません
