input元素在form元素中使用，用来声明允许用户输入数据的input控件。输入类型是由类型属性（type）定义的，输入类型至少包含23种，大多数经常被用到的输入类型如下：text（文本输入）、password（密码输入）、submit（提交按钮）、button（按钮）、image（图像作为提交按钮）以及checkbox（复选框）和radio（单选按钮）。Radio对象代表HTML表单中的单选按钮。在HTML表单中<input type="radio">每出现一次，一个Radio对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。

label

       label标签为input元素定义标注（标记）。label元素不会向用户呈现任何特殊效果。"for"属性可把label绑到另外一个元素。只需把"for"属性的值设置为相关元素的id属性的值。给raido和后面的文字外面加个label标签的，这样的话点文字就能选上radio,改善用户体验。如果label标签包含一个input元素，那么点击label标签内容就可以选中input标签，改变radio默认样式也是基于这个原理。

select

      select标签用来创建下拉列表。select标签中的option标签定义了列表中的可用选项。select元素用来创建下拉列表,是一种表单控件，可用于在表单中接受用户输入,select元素通过option标签定义列表中的可用选项，也就是下拉菜单选项。

1、修改select默认样式

使用appearance改变下拉列表的原有默认属性，将原有默认属性清除，在重新编写样式。webkit-appearance属性是一个可以改变按钮和其他控件的外观的属性，使其类似于原生控件。-webkit-appearance是一个 不规范的属性（unsupported WebKit property），它没有出现在CSS规范草案中。此属性非标准且渲染效果在不同浏览器下不同，有些属性值不支持，所以使用时要慎用。所有主流浏览器都不支持appearance属性。Firefox支持替代的-moz-appearance属性。Safari和Chrome支持替代的-webkit-appearance属性。