怎样在HTML中设置复选框的默认选中状态？

在 HTML 中设置复选框的默认选中状态可以通过使用 `checked` 属性来实现。`checked` 属性用于指定复选框在页面加载时是否处于选中状态。

以下是一个简单的 HTML 示例，展示了如何设置复选框的默认选中状态：

```html

```

在上述代码中，我们使用了 `` 元素来创建一个复选框，并通过 `id` 属性为其指定了一个唯一的标识符 `myCheckbox`。然后，使用 `checked` 属性将该复选框设置为默认选中状态。使用 `` 元素为复选框添加了一个标签，以便用户可以通过点击标签来选中或取消选中复选框。

除了在 HTML 中直接设置 `checked` 属性外，还可以通过 JavaScript 来动态设置复选框的默认选中状态。以下是一个使用 JavaScript 设置复选框默认选中状态的示例：

```html

```

在上述代码中，我们使用了 `window.onload` 事件来确保页面加载完成后再执行 JavaScript 代码。在事件处理函数中，我们首先通过 `getElementById` 方法获取了具有 `id` 为 `myCheckbox` 的复选框元素，然后将其 `checked` 属性设置为 `true`，从而将复选框设置为默认选中状态。

需要注意的是，在使用 JavaScript 设置复选框的默认选中状态时，确保在页面加载完成后再执行相关代码，以避免出现错误。

还可以通过 CSS 来控制复选框的外观和样式。例如，可以使用 CSS 的 `:checked` 伪类来为选中的复选框设置不同的样式。以下是一个使用 CSS 设置复选框样式的示例：

```html

```

在上述代码中，我们使用了 CSS 的 `input[type="checkbox"]:checked` 选择器来选择选中的复选框，并为其设置了 `background-color` 属性为 `lightgreen`，从而改变了选中复选框的背景颜色。

通过以上方法，你可以在 HTML 中轻松设置复选框的默认选中状态，并可以结合 CSS 来美化复选框的外观。这样可以提供更好的用户体验，让用户更容易理解和操作复选框。