HTML <input type="radio">

定义和用法

<input type="radio"> 定义单选按钮。

单选按钮通常的呈现形式是单选按钮组(描述一组相关选项的单选按钮集合)。同一时间只能选择一组中的一个单选按钮。

注意:单选按钮组必须共享相同的名称(name 属性的值)才能被视为一组。一旦创建了单选按钮组,在该组中选择任何单选按钮会自动取消同一组中的任何其他已选中的单选按钮。您可以在页面上拥有尽可能多的单选按钮组,只要每个组都有自己的名称即可。

注意:value 属性定义与每个单选按钮相关联的唯一值。该值不会显示给用户,但在“提交”时将发送到服务器,以识别所选中的单选按钮。

提示:请始终添加 <label> 标签 以实现最佳的可访问性实践!

实例

单选按钮让用户只能从有限的选项中选择一个:

<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">

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持


http://www.vxiaotou.com