第十三篇:HTML表单标签(<form>
)之选择类元素
一、单选按钮(<input type="radio">
)
在HTML表单中,单选按钮用于让用户从多个选项中选择一个。这在需要用户做出单一选择的场景中非常有用,比如选择性别、选择支付方式等。
(一)单选按钮的工作原理
单选按钮通过 <input type="radio">
标签创建。为了确保用户只能从一组选项中选择一个,同一组的所有单选按钮必须具有相同的 name
属性值。当用户点击某个单选按钮时,同组中其他已选中的单选按钮会自动取消选中状态。
(二)示例展示性别选择单选按钮
以下是一个使用单选按钮让用户选择性别的示例代码:
<!DOCTYPE html>