<input type="radio">
<input type="radio"> はラジオボタンコントロールを作成します。同じ name 属性のグループから1つだけ選択できます。
概要
<input type="radio"> はラジオボタンコントロールを作成します。同じ name 属性のグループから1つだけ選択できます。
対応ブラウザ
デスクトップ
Chrome 1+
Edge 12+
Safari 1+
Firefox 1+
モバイル
Chrome Android 18+
Safari iOS 1+
Firefox Android 4+
基本構文
HTML
<fieldset>
<legend>性別</legend>
<label><input type="radio" name="gender" value="male"> 男性</label>
<label><input type="radio" name="gender" value="female"> 女性</label>
<label><input type="radio" name="gender" value="other"> その他</label>
</fieldset> 実務での使いどころ
-
<input type="radio"> の活用
ラジオボタン型の入力要素。複数の選択肢から1つだけ選択するUIに使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。