HTML radio标签

Input 的 radio 类型元素默认渲染为小型圆圈图表，填充即为激活，类似于之前描述额复选框（checkbox）类型。单选按钮允许你选择单一的值来提交表单。

注意：**复选框类似于单选按钮，但是有个重要的区别 -- 单选按钮为选择其中一项而设计，然而复选框允许你开启或关闭单个值。每个独立的单选按钮大致上是 Boolean 控件 -- 是或不是。

使用:

<form>
  <div>
    <label>
    	<input name="contact" value="Phone" checked />
    </label>
  </div>
  <div>
    <label>
    	<input name="contact" value="eamil" />
    </label>
  </div>
</form>

Note: 推荐这样使用格式，使用label包裹起来，以减少id使用。同时还能是当前项label值和radio关联。

属性介绍

• Name: 用于表单提交服务器使用，客户端不可见。name用来设置一组单选按钮组节点

• value: 用户表单提交服务器的value值

• Checked: 标识当前按钮组内某个按钮单选状态，不兼容所有浏览器，其他浏览器有自己处理办法。

  value 和 name用于表单提交过后，所示组合值 name=value

参见

MDN-radio(https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/radio)