介绍
在我们的日常生活中，单选按钮（Radio Button）是我们经常使用的一个表单元素。单选按钮可以使用户在一组选项中选择一个选项。在 HTML 中，单选按钮可以通过使用 <input> 标签来创建。
如何设置单选按钮
要创建一个单选列表，需要在 HTML 中使用 <input> 标签，并为每个选项使用相同的 name 属性。对于每个选项，需要使用 type="radio" 属性来指定它是一个单选按钮。此外，还需要提供每个选项的标签，这可以通过在 <label> 中使用 for 属性来完成。在这里我们需要将 for 属性的值设置为与单选按钮的 id 属性相同。这样，当用户单击标签时，浏览器就会自动选择相应的单选按钮。
属性详解
name属性
name 属性指定单选按钮的名称，以便服务器能够在提交表单时处理它。如果未指定名称，则在提交表单时将不会提交该单选按钮的值。例如：
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
在这个例子中，单选按钮的名称是 "gender"，因此服务器能够处理用户的选择。
value属性
value 属性定义单选按钮的值。当用户选择单选按钮时，该值将被提交到服务器。例如，以下代码将创建一个名为 "gender" 的单选按钮列表，其中男性选项的值为 "male"，女性选项的值为 "female"：
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
在这个例子中，如果用户选择男性选项，则服务器将收到一个名为 "gender" 的表单字段，其中的值为 "male"。
checked属性
checked 属性用于在页面加载时自动选择一个选项。例如：
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
在这个例子中，男性选项会在页面加载时自动选择。
示例
以下是一个简单的单选列表示例：
<form>
<fieldset>
<legend>请选择一项：</legend>
<label>
<input type="radio" name="option" value="a"> 选项 A
</label>
<label>
<input type="radio" name="option" value="b"> 选项 B
</label>
<label>
<input type="radio" name="option" value="c"> 选项 C
</label>
</fieldset>
</form>
在这个示例中，每个单选按钮都在一个 <label> 元素中包装，并使用 name 属性将它们分组在一起。这意味着，用户只能选择单个选项。在提交表单时，服务器会接收值为 "a"、"b" 或 "c" 的名称为 "option" 的表单字段。
总结
在 HTML 中设置单选按钮是一个很简单的过程。只需要为每个选项指定相同的 name 属性，并使用 type="radio" 属性指定它是一个单选按钮。可以使用 <label> 元素为每个选项提供标签，并为每个选项设置 value 属性。如果需要在页面加载时选择某个选项，可以使用 checked 属性。