如何使用 HTML 在表单中添加复选框？

在HTML中添加复选框非常简单，只需按照以下步骤操作：

1. 使用<form>标签创建表单。例如：

<form>
  <!-- 表单内容 -->
</form>

2. 使用<input>元素创建复选框。设置type属性为checkbox。例如：

<input type="checkbox" name="fruit" value="apple">苹果
<input type="checkbox" name="fruit" value="orange">橙子
<input type="checkbox" name="fruit" value="banana">香蕉

上面的代码创建了3个复选框，分别为苹果、橙子和香蕉。它们都有相同的name属性，但是value属性不同。

3. 使用<label>元素将文本与复选框关联起来，以便用户可以单击标签来切换复选框的选中状态。例如：

<label for="apple"><input type="checkbox" id="apple" name="fruit" value="apple">苹果</label>
<label for="orange"><input type="checkbox" id="orange" name="fruit" value="orange">橙子</label>
<label for="banana"><input type="checkbox" id="banana" name="fruit" value="banana">香蕉</label>

上面的代码为每个复选框添加了一个标签，标签的for属性与复选框的id属性相同。单击标签时，复选框的选中状态将切换。

完整示例

以下是一个完整的HTML代码示例，演示了如何在表单中添加复选框：

<form>
  <label for="apple"><input type="checkbox" id="apple" name="fruit" value="apple">苹果</label>
  <label for="orange"><input type="checkbox" id="orange" name="fruit" value="orange">橙子</label>
  <label for="banana"><input type="checkbox" id="banana" name="fruit" value="banana">香蕉</label>
  <input type="submit" value="提交">
</form>

可以使用这个代码作为模板，在表单中添加自己的复选框。

参考资料

• HTML复选框
• HTML标签