html - 复选框：如何显示文本？

Question

我想连同它一起显示复选框的相关文本。

<input id="Checkbox1" type="checkbox" value="Admin"><span>Admin User</span>

这是最常用的标记。span但是对复选框使用单独的感觉并不好。而且它甚至看起来都不好看。

有没有办法将这两者联系起来？或者最好的方法是什么？

Answer 1

使用 aLabel和for属性。

for 属性指定标签绑定到哪个表单元素

<input id="Checkbox1" name="Checkbox1" type="checkbox" value="Admin" />
<label for="Checkbox1">AdminUser</label>

也给你的输入name

Answer 2

for您可以使用嵌套的而不是使用属性<input type="checkbox">：

<label><input name="Checkbox1" type="checkbox">Admin User</label>

Answer 3

<span>您可以使用<label>-tag代替使用：

<label for="Checkbox1">Admin User</label>

它会将标签“附加”到您的复选框，从某种意义上说，当单击标签时，就好像用户单击了复选框。

对于样式，您需要应用自己的样式以使它们看起来“在一起”。