radio与checkbox

radio：单选按钮

单选按钮是 input 选择框的一种类型，每一个单选按钮都应该嵌套在它自己的 label元素中。
所有关联的单选按钮应该拥有相同的 name 属性。 创建一组单选按钮，选中其中一个按钮，其他按钮即显示为未选中，以确保用户只提供一个答案。
通常在label元素上设置for属性，让其值与相关联的input单选按钮的id属性值相同。

<label for="indoor" >
  <input id="indoor" type="radio" name="indoor-outdoor">indoor
</label>
<label for="outdoor" >
  <input id="outdoor" type="radio" name="indoor-outdoor">outdoor
</label>

checkbox：复选框

也就是<input type="checkbox">。

value

提交表单时，所选项的值会发送给服务端。 radio 和 checkbox的 value 属性值决定了发送到服务端的实际内容。

checked

用 checked 属性把复选框和单选按钮设置为默认选中。