在HTML5中，单选按钮（radio button）是一种非常有用的表单控件，它允许用户从一组选项中选择一个。单选按钮广泛应用于问卷调查、表单填写等场景。本文将详细介绍单选按钮的设置与应用，帮助您轻松掌握这一技能。
单选按钮的基本结构
单选按钮的基本结构由三部分组成：<label>标签、<input>标签和<span>或<div>标签。
<label>标签：用于定义按钮的文本标签，用户点击标签时，会选中对应的单选按钮。<input>标签：定义单选按钮，其中type属性设置为radio，name属性用于标识按钮组，value属性表示按钮的值。<span>或<div>标签：用于包裹单选按钮和标签，使其在视觉上更加美观。
单选按钮的设置
1. 创建单选按钮组
为了使单选按钮具有互斥性，即用户只能选择一组选项中的一个，需要给所有单选按钮设置相同的name属性值。
<label for="genderMale">男</label>
<input type="radio" id="genderMale" name="gender" value="male">
<label for="genderFemale">女</label>
<input type="radio" id="genderFemale" name="gender" value="female">
2. 设置单选按钮的值
value属性表示单选按钮的值，当用户提交表单时，该值将被发送到服务器。通常，value属性的值与单选按钮的文本一致。
3. 设置单选按钮的默认选中状态
使用checked属性可以设置单选按钮的默认选中状态。例如：
<input type="radio" id="genderMale" name="gender" value="male" checked>
4. 设置单选按钮的禁用状态
使用disabled属性可以禁用单选按钮，使其不可点击。例如：
<input type="radio" id="genderMale" name="gender" value="male" disabled>
单选按钮的应用
1. 问卷调查
在问卷调查中，单选按钮可以用于收集用户对某个问题的回答。例如：
<label for="question1">您对以下产品的满意度如何？</label>
<input type="radio" id="question1_1" name="question1" value="非常满意">
<label for="question1_1">非常满意</label>
<input type="radio" id="question1_2" name="question1" value="满意">
<label for="question1_2">满意</label>
<input type="radio" id="question1_3" name="question1" value="一般">
<label for="question1_3">一般</label>
<input type="radio" id="question1_4" name="question1" value="不满意">
<label for="question1_4">不满意</label>
2. 表单填写
在表单填写中，单选按钮可以用于收集用户对某个问题的回答。例如：
<label for="question2">您希望通过以下哪种方式接收我们的优惠信息？</label>
<input type="radio" id="question2_1" name="question2" value="邮件">
<label for="question2_1">邮件</label>
<input type="radio" id="question2_2" name="question2" value="短信">
<label for="question2_2">短信</label>
<input type="radio" id="question2_3" name="question2" value="电话">
<label for="question2_3">电话</label>
通过以上介绍，相信您已经对HTML5表单单选按钮的设置与应用有了初步的了解。在实际应用中，您可以根据需求灵活运用单选按钮，为用户提供更好的交互体验。