HTML 复选框默认选中

在一些情况下，我们需要在网页加载时默认选中复选框。这篇文章将介绍如何在 HTML 中设置复选框默认选中。

HTML 复选框

HTML 中的复选框可以让用户选择一个或多个选项。复选框通常使用 <input> 元素来创建：

<input type="checkbox" name="option1" value="option1"> Option 1

复选框的值可以是任意字符串，使用 value 属性来设置。当选中该复选框时，表单将提交该值给后端程序。如果复选框没有选中，则不会提交该值。

复选框默认选中

要在 HTML 中设置复选框默认选中，我们可以在 <input> 标签中添加 checked 属性。例如：

<input type="checkbox" name="option1" value="option1" checked> Option 1

如上所述，value 属性用于设置复选框的值。checked 属性用于将复选框设置为默认选中。这将确保用户在默认情况下选择该选项。

示例

下面是一个示例，演示如何在 HTML 中设置默认选中的复选框：

<form action="#">
  <input type="checkbox" name="option1" value="option1" checked> Option 1<br>
  <input type="checkbox" name="option2" value="option2"> Option 2<br>
  <input type="checkbox" name="option3" value="option3"> Option 3<br>
</form>

在上面的示例中，第一个复选框将默认选中。

结论

以上是设置默认选中的 HTML 复选框的方法。通过在 <input> 标签中添加 checked 属性，可以让网页在加载时默认选中复选框。