サイト内検索
...HTML・XHTMLタグ...
フォーム
ラジオボタン
- 1つだけ選べるタイプのラジオボタンは、input要素にtype="radio" を指定します。
- [使い方]
- <input type="radio" name="sample" value="サンプル">サンプル
- <input type="radio" name="sample" value="サンプル" checked>サンプル
属性 | 属性値 | 説明 |
---|---|---|
type= | "radio" | ラジオボタンを作成します。 |
name= | "" | 「"sample"」のように部品名を指定します。
半角英数字を指定します。 ・・・・・・ グループの中から1つだけ選べるタイプです。 複数のボタンに同じボタン名を付けることで、 1つのボタングループを作れます。 |
value= | "" | 「"送信されます"」のように送信される内容を指定します。
・・・・・・ そのボタンが選択されたときに 「value=""」に書いた内容が送信されます。 |
checked | 属性値は不要です。
最初から選択された状態になります。 |
サンプル
[bodyの中]
<form method="post" action="sample.cgi"><div class="sample">
短大生の場合
<input type="radio" name="sample1" size="60" value="短大生">
専門学生の場合
<input type="radio" name="sample2" size="60" value="専門学生" checked>
大学生の場合
<input type="radio" name="sample1" size="60" value="大学生">
<input type="submit" value="送信する">
</div>
</form>
[ブラウザ上]