单选按钮 radio

单选按钮 radio

单选按钮让网页浏览者在一组选项里只能选择其一。

<input type="radio" name="" value=""/>

单选按钮以组为单位使用,同一组内 name 相同,value 属性定义单选按钮的值。

示例:选择喜欢的球类运动

<body>
<form>
<p>
<input type="radio" name="ball" value="1"/>篮球
</p>
<p>
<input type="radio" name="ball" value="2"/>足球
</p>
<p>
<input type="radio" name="ball" value="3"/>网球
</p>
<p>
<input type="radio" name="ball" value="4"/>台球
</p>
<p>
<input type="radio" name="ball" value="5"/>排球
</p>
</form>
</body>

只有在同一个 <form> 标签里面、相同 name 的 radio 才是一组,才能实现单选。如果不在一组,则感觉像多选。另外同一个 form 里可以有多组 radio。

默认选中

单选框一旦选择,必须在一组里选一个。如果需要默认选中某一项,增加 checked 属性:

<p>
<input type="radio" name="ball" value="1"/>篮球
</p>
<p>
<input type="radio" name="ball" value="2" checked/>足球
</p>

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注