HTML <input type="radio"> 类型属性

❮ HTML <input> 类型属性

实例

单选按钮让用户只选择有限数量的选项之一:

<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>
亲自试一试 »

定义和用法

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

单选按钮通常显示在单选组(描述一组相关选项的单选按钮的集合)中。 一个组中只能同时选择一个单选按钮。

注释:广播组必须具有相同的名称(name 属性的值)才能被视为一个组。 创建单选组后,选择该组中的任何单选按钮会自动取消选择同一组中的任何其他选定单选按钮。 您可以在一个页面上拥有任意数量的广播组,只要每个组都有自己的名称即可。

注释: value 属性定义与每个单选按钮关联的唯一值。 该值不会显示给用户,而是发送到 "submit" 上的服务器以识别选择了哪个单选按钮的值。

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


浏览器支持

属性
type="radio" Yes Yes Yes Yes Yes

语法

<input type="radio">

❮ HTML <input> 类型属性