单选按钮
本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 41 课，共 60 课。
在 HTML 中，单选按钮用于创建一组选项，选项之间互斥，用户只能从组中选择一个选项。使用 <input> 标签创建单选按钮，并将 type 属性设置为 "radio"。
下面是在 HTML 中创建单选按钮的基本语法：
<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label><input>：用于定义输入框的标签。type="radio"：用于将输入类型指定为单选按钮的属性。id：用于为单选按钮指定唯一标识符的属性。
name：用于将单选按钮分组的属性。具有相同 name 的所有单选按钮都属于同一组，并且同一组中一次只能选择一个选项。
value：指定与单选按钮关联的值的属性。提交表单时，此值会发送到服务器。
<label>：为单选按钮提供可点击标签的标签。标签的for属性应与单选按钮的id属性匹配。
下面是创建一组单选按钮的示例：
<form>
<input type="radio" id="option1" name="mygroup" value="option1">
<label for="option1">Option 1</label>
<br>
<input type="radio" id="option2" name="mygroup" value="option2">
<label for="option2">Option 2</label>
<br>
<input type="radio" id="option3" name="mygroup" value="option3">
<label for="option3">Option 3</label>
<br>
</form>在这个示例中，我们有一个包含三个单选按钮的表单。由于它们共享同一个 name 属性（"mygroup"），因此属于同一组。每个单选按钮都有唯一的 id 和 value，以及对应的标签。用户选择其中一个选项并提交表单后，所选单选按钮的值会发送到服务器。
挑战
简单创建一个包含一组单选按钮的 HTML 文档。表单应包含以下元素：
- 一组包含 3 个单选按钮的按钮组，名称为 "color"。
- 第一个单选按钮的 id 为 "red"，值为 "red"，标签文本为 "Red"。
- 第二个单选按钮的 id 为 "green"，值为 "green"，标签文本为 "Green"。
- 第三个单选按钮的 id 为 "blue"，值为 "blue"，标签文本为 "Blue"。
- 在每个标签后添加一个
<br>标签，以创建换行。
亲手试试
<!DOCTYPE html>
<html>
<body>
<!-- 在这里编写代码 -->
</body>
</html>
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
基础知识中的所有课
自己练习： Web 在线编辑器