创建一组单选按钮、复选框、给选择默认选中项

radio buttons（单选按钮）就好比单项选择题，正确答案只有一个。 单选按钮只是input输入框的一种类型。 每一个单选按钮都应该嵌套在它自己的label（标签）元素中。 所有关联的单选按钮应该拥有相同的name属性。 下面是一个单选按钮的例子： <label>   <input type="radio" name="indoor-outdoor">Indoor </label> 最佳实践是在label元素上设置for属性，让其值与单选按钮的id属性值相等，这样就在label元素和它的子元素单选按钮之间创建了一种链接关系。例如： <label for="indoor">   <input id="indoor" type="radio" name="indoor-outdoor">Indoor </label>     复选框是input输入框的另一种类型。 每一个复选框都应该嵌套在它自己的label（标签）元素中。 所有关联的复选框应该拥有相同的name属性。 最佳实践是在label元素上设置for属性，让其值与复选框的id属性值相等，这样就在label元素和它的子元素复选框之间创建了一种链接关系。例如： 下面是一个复选框的例子： <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>   只需给input元素添加 "checked" 属性

<label>是用来存放单选按钮的  <input type="radio">显示可选小圈 ，  name="indoor-outdoor" 在label中作用是关联，如果没有name只能选单项就不成立 input里的id 和 label的for作用不明，只是让label元素和按钮创建了关系。   type="checkbox"  就是复选框 加上name 关联   在input里 checked属性 就是添加默认选中项