Widely available すべての主要ブラウザで対応済み。安心して使用可能。
フォーム Widely available

<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に使用。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク