4.4单选框和复选框知识点

单选框和复选框

单选框（单选题）
将空间类型type="text"改为type=“radio”

//这是表示男女性别选项的两种不同方法
//1
<label> <input type="radio" name="gender" value="male" />男 </label>
<label> <input type="radio" name="gender" value="female" />女 </label>
//2
<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就可以了

总结

1. 单选按钮radio，多选按钮checkbok
2. 标签可以使得点击汉字部分，选中该选项
3. 单选的第二种方法，标签使用了for属性，所以input需要添加id属性
4. 无论单选框还是复选框，都要保持name属性的属性值相同