单选框和复选框
单选框(单选题) 将空间类型type="text"改为type=“radio”
<label> <input type
="radio" name
="gender" value
="male" />男
</label
>
<label> <input type
="radio" name
="gender" value
="female" />女
</label
>
<input id
="male" type
="radio" name
="gender" value
="male" />
<label
for="male">男
</label
>
<input id
="female" type
="radio" name
="gender" value
="female" />
<label
for="female">女
</label
>
复选框(多选题) 将单选的radio改为checkbok就可以了
总结
单选按钮radio,多选按钮checkbok标签可以使得点击汉字部分,选中该选项单选的第二种方法,标签使用了for属性,所以input需要添加id属性无论单选框还是复选框,都要保持name属性的属性值相同