📜  输入单选html(1)

📅  最后修改于: 2023-12-03 15:12:18.049000             🧑  作者: Mango

输入单选HTML

在网页开发中,单选框是常见的一种表单控件。本文将介绍如何在HTML中创建一个单选框。

HTML代码

使用 input 标签创建一个单选框,为其设置 type="radio" 属性即可。

<label>
  <input type="radio" name="gender" value="male" checked> Male
</label>
<label>
  <input type="radio" name="gender" value="female"> Female
</label>
  • name 属性用于指定单选框的分组,表示分组中的单选框互斥,只能选中其中一个。
  • value 属性用于指定单选框的值。
  • checked 属性用于设置默认选中的状态。
示例

上述HTML代码将创建如下单选框:

可以看到,其中的“Male”单选框被设置为默认选中的状态。

注意事项
  • 单选框必须设置 name 属性,否则无法正确分组。
  • 单选框的值可以是任意字符串,但是同一分组中的多个单选框的值不能重复。
  • 单选框的默认选中状态只需要设置其中一个单选框的 checked 属性即可。

以上就是在HTML中创建单选框的方法和注意事项,希望对你有所帮助。