<input type="radio"> 「ラジオボタン」

<input type="radio">は、複数の選択肢より1つを選択する場合に使用します。
<form>～</form>の間に<input>の入力部品を配置することで、サーバのプログラム（CGIなど）に入力内容を引き渡すことが出来ます。

HTML規格	HTML4.01	HTML5
使用可否	○	○

<input type="radio">の属性

【構文】

属性	意味	値のサンプルなど
name="固有名"	入力に付ける固有名同一グループ名	"text1"
value="値"	サーバに送信する値	"A"
checked	選択状態にする	"checked"
disabled	入力の無効化	"disabled"
form="フォーム名"	送信するフォームの関連付け ※HTML5で追加	"form01"
autofocus	フォーカス（カーソル）を設定 ※HTML5以降にグローバル属性に変更	"autofocus"
required	入力を必須とする ※HTML5で追加	"required"

グローバル属性	accesskey autocapitalize autofocus class contenteditable dir draggable enterkeyhint hidden id inert inputmode is itemid itemprop itemref itemscope itemtype lang nonce popover slot spellcheck style tabindex title translate writingsuggestions
イベント属性

<input type="radio" name="ck01" value="1" checked>男性
<input type="radio" name="ck01" value="2">女性

男性女性

ブラウザによって表示が異なります。画面イメージを確認

IE11	Chrome32	Firefox27	Safari5.1

<input type="radio" name="ck01" value="1" disabled>男性
<input type="radio" name="ck01" value="2" disabled>女性

男性女性

ブラウザによって表示が異なります。画面イメージを確認

IE11	Chrome32	Firefox27	Safari5.1

<input type="radio" name="ck01" value="1" autofocus>男性
<input type="radio" name="ck01" value="2">女性

ブラウザによって表示が異なります。画面イメージを確認

IE11	Chrome32	Firefox27	Safari5.1

<input type="radio" name="ck01" value="1" required>男性
<input type="radio" name="ck01" value="2">女性

送信(SUBMIT)時に入力必須チェックが行われます。
※非対応のブラウザもあるので注意が必要です。

ブラウザによって表示が異なります。画面イメージを確認

男性　女性　
スタイルシートを使用することで、色々な入力が可能となります。

ラジオボタンが未選択（未チェック）の場合、項目名(name)もサーバに送信されません。
選択されたときのみ、項目名(name)と値(value)が送信されます。
ラジオボタンは一度選択するとクリアすることができません。
任意入力の場合はチェックボックスを使用します。
nameが同一のラジオボタンが同一グループとなり排他選択（いずれか１つ）となります。
<label>を指定すると表示テキストのクリックで選択が可能となり操作性が向上します。

<label><input type="radio" name="c1" value="1">男性</label>
<label><input type="radio" name="c1" value="2">女性</label>

男性女性
表示テキスト「男性」「女性」をクリックすることも可能となります。