サイト内検索

...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>

[ブラウザ上]

短大生の場合

専門学生の場合

大学生の場合

←サンプル(送信できません。)

Copyright c 2007.10.01 luc All rights reserved.