ラジオボタン

HTMLでは、ラジオボタンを使って、ユーザーがグループ内から1つだけ選択できる相互排他的な選択肢のセットを作成します。ラジオボタンは、<input>タグのtype属性を"radio"に設定して作成します。

HTMLでラジオボタンを作成する基本的な構文は次のとおりです。

<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label>

• <input>: 入力フィールドを定義するタグ。
• type="radio": 入力タイプをラジオボタンとして指定する属性。
• id: ラジオボタンに一意の識別子を付与する属性。

• name: ラジオボタンをグループ化する属性です。同じ name を持つすべてのラジオボタンは同じグループに属し、グループ内で一度に選択できるオプションは1つだけです。

• value: ラジオボタンに関連付けられた値を指定する属性です。この値は、フォームが送信されるときにサーバーに送信されます。

• <label>：ラジオボタンにクリック可能なラベルを提供するタグです。ラベルの for 属性は、ラジオボタンの id 属性と一致させる必要があります。

ラジオボタンのグループを作成する方法の例を次に示します。

<form>
	<input type="radio" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label>
	<br>
	
	<input type="radio" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label>
	<br>
	
	<input type="radio" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label>
	<br>
</form>

この例では、3つのラジオボタンを持つフォームがあります。すべて同じグループに属しているのは、同じname属性（"mygroup"）を共有しているためです。各ラジオボタンには固有のidとvalue、および対応するラベルがあります。ユーザーがこれらの選択肢のいずれかを選んでフォームを送信すると、選択されたラジオボタンの値がサーバーに送信されます。