css表单单选框、复选框、上传文字和隐藏字段、下拉菜单、文本域、字段集

1、实现表单单选框的功能

代码：

 结果：

 这里要注意几个点：

（1）这里的input标签里的type的属性值是“radio”这是选框的属性值，

（2）如果想让这一组的选择只能选择一个，要在这一组中，每一个input加上name，而且属性值相同，才能是单选选项。

单选框也可以实现点中文字选择，代码如下：

 实现的代码是，将内容放在一个label的标签里，然后让这个标签指向id为1的标签，这里我们就需要给input标签加上一个id选择器，好让这个label标签指向自己，两句代码加起来的含义是：当点击非常满意时，这个标签就执行指向的标签也就是input标签。

当然，也可以实现默认情况下选择的一个值，就要用到checked属性

代码：

 结果：

想让谁是默认值，可以在它input标签上加上checked=“checked”这个属性，当然当属性和属性值相同的时候，可以省略属性值，直接写一个checked就可以生效。

2、实现表单复选框的功能

代码：

 结果;