单选按钮 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>
Previous: 密码域 password
Next: 复选框 checkbox