HTML5 Checkbox如何显示文本

Question

我想显示复选框的相关文本.

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

这是最常用的标记.但是对复选框使用单独的跨度感觉不太好.它在形式上看起来甚至都不好看.有没有办法将这两者相互联系起来？或者最好的方法是什么？

Answer 1

使用a Label和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>