HTML <input type = "radio">
例
ラジオボタンを使用すると、ユーザーは限られた数の選択肢から1つだけを選択できます。
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
定義と使用法
は<input type="radio">
ラジオボタンを定義します。
ラジオボタンは通常、ラジオグループ(関連するオプションのセットを説明するラジオボタンのコレクション)で表示されます。グループ内の1つのラジオボタンのみを同時に選択できます。
注:name
グループとして扱われるには、無線グループが同じ名前(属性の値)を共有している必要があります。ラジオグループが作成されると、そのグループ内のラジオボタンを選択すると、同じグループ内の他の選択されたラジオボタンの選択が自動的に解除されます。各グループに独自の名前がある限り、ページに必要な数の無線グループを含めることができます。
注:このvalue
属性は、各ラジオボタンに関連付けられた一意の値を定義します。値はユーザーには表示されませんが、選択されたラジオボタンを識別するために「送信」時にサーバーに送信される値です。
ヒント:<label>
アクセシビリティのベストプラクティスのために、常にタグを追加してください。
ブラウザのサポート
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
構文
<input type="radio">