やってみよう配送方法を選んでみてください
入力フォームメジャー（よく見る）
ラジオボタン
Radio Button
丸い選択肢が並んでいて、1つだけ選べる。別のものを押すと前の選択が外れる。
別名ラジオ単一選択オプションボタンRadio Group
どこで使われている？
- よく見かける場所
- 配送方法・支払い方法の選択、アンケート
- 使うとよい場面
- 2〜5個の選択肢から必ず1つを選ぶとき
- 避けたい場面
- 選択肢が多いとき（ドロップダウンにする）
補足昔のラジオの、1つ押すと他が戻るボタンが名前の由来です。
似ているものとの違い
AIへの指示文
これをコピーしてAIに貼り付ければOKです。Webサイトを作る前提の内容です（右上の「何を作る？」で変えられます）。
HTML / CSS / JavaScript で「ラジオボタン（Radio Button）」を実装してください。 動き：選択肢を縦に並べ、それぞれの左に丸い枠を置く。押した選択肢の丸の中に点を表示し、それまで選ばれていたものは外す。行全体を押しても選べるようにする。 使う部品：<input type="radio">（同じ name でグループにする）
もっと詳しく：プログラムでの部品名
同じ動きでも、作るものによってプログラムの中での部品の名前が違います。上の指示文にはすでに入っているので、覚える必要はありません。AIの説明に出てきた単語を確認したいときに使ってください。
| Webサイトなら | <input type="radio">（同じ name でグループにする） |
|---|---|
| iPhoneアプリなら | 標準部品なし（Picker の .inline や自作） |
| Androidアプリなら | RadioButton（selectableGroup でまとめる） |
| Flutterなら | Radio / RadioListTile |
| React Nativeなら | react-native-paper の RadioButton |