HTML

`<input type="radio">` is an HTML form element that provides users with buttons to select only one option from multiple choices.

<input type="radio">

　<input type="radio"> は、HTMLのフォーム要素の一つで、ユーザーに複数の選択肢の中から一つだけ選んでもらう際に使用されます。ラジオボタンは、同じ「name」属性を共有する複数の <input type="radio"> の中で、一つだけ選択できる仕組みです。

　<input>タグの type属性に type="radio" を指定することで、ラジオボタンが作成されます。このラジオボタンは、複数の選択肢から一つを選択できるように設計されています。

　name属性は選択グループに名前を付けるための属性です。フォームが送信される際、name属性で指定した名前と、value属性で指定した値がペアになって送信されます。複数の選択肢を一つのグループとしてまとめるためには、name属性で同じ名前を設定する必要があります。

主な特徴

単一選択

同じ「name」属性を持つラジオボタンの中で一つだけ選択できます。別の選択肢をクリックすると、前に選択していたものが解除され、新しいものが選択されます。

フォーム送信時の値

フォームが送信されると、選択されたラジオボタンの「value」属性に設定された値がサーバーに送られます。

Sample

　この例では、ユーザーは「Red」「Blue」「Green」の中から一つだけ選択できます。

<form>
	<label><input type="radio" name="color" value="red"> Red</label>
	<label><input type="radio" name="color" value="blue"> Blue</label>
	<label><input type="radio" name="color" value="green"> Green</label>
</form>