html创建不勾选的checkbox

HTML本身并不直接支持创建"不勾选"的复选框，复选框默认就是可选择状态。但是，如果你想在视觉上呈现一种"未选中"的效果，可以使用CSS调整样式。比如，使用`:checked`伪类隐藏或更改选中后的标记，如引用[1]所示：

<style>
.custom-checkbox input[type="checkbox"] {
  display: none;
}

.custom-checkbox label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-color: #ccc;
  border-radius: 3px;
}

.custom-checkbox input[type="checkbox"]:checked + label::before {
  background-color: green;
}
</style>

<div class="custom-checkbox">
  <input type="checkbox" id="myCheckbox">
  <label for="myCheckbox">未选中</label>
</div>

在这个示例中，`input[type="checkbox"]`被隐藏，只显示一个看起来像是未勾选的圆圈。当用户点击相应的标签时，`:checked`伪类会改变其兄弟元素（即标签）的背景颜色，模拟选中效果。

然而，如果要实现真正的不可选状态（如禁用），应使用`disabled`属性，如下：

<input type="checkbox" id="disabledCheckbox" disabled checked>
<label for="disabledCheckbox">禁用并已选中</label>

这样，用户既不能手动勾选也不能取消勾选这个复选框。