Html 如何使复选框仅可在复选框上单击？

向我伸出援手 WhatsApp

---

不要使用标签，用其他东西代替它

将输入嵌套在标签中会自动将其与标签关联

向我伸出援手 WhatsApp

---

造成这种情况的原因是，您将整个内容放在了中，这样所有内容都可以单击。尝试在div中使用与您的文本在这里和下面，然后根据需要设置潜水样式

 <label style="display: flex; align-items: center">

不使用内联样式是一种更好的做法，这样您可以制作如下内容：

<div class="label">
<label for="test"> your text here </label>
<input type="checkbox" id="test" name="test">
</div>-

---

标签中的for=和输入中的id是相互链接的。

那么为什么要使用标签呢