1. form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

1. 作用：HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。
2. 常用的input标签：

| 标签 | 功能
| ------------- |:-------------:| -----:|
| <input type="button"> | 定义按钮
| <input type="checkbox"> | 定义多选按钮
| <input type="radio"> | 定义单选按钮，用name分组
| <input type="text"> | 定义单行输入文本框
| <input type="password">|定义密码字段
|<input type="submit"> | 定义提交按钮，把表单数据发给服务器
|<input type="reset"> | 定义重置按钮
|<input type="image"> | 定义图像形式的提交按钮
|<input type="file"> | 定义输入字段和“浏览”按钮，供文件上传
|<input type="hidden"> | 定义隐藏的输入字段
|<input type="color">（HTML5）|定义选择颜色
|<input type="date">（HTML5）|定义日期（没有时间）

2. post 和 get 方式的区别？

1. 最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。
2. GET常用于获取信息而非修改信息，对于信息资源来说，GET请求是安全的，一般不会产生副作用。同一URL的多个请求应该返回同样的结果。
3. POST提交的数据是放置在HTTP包的包体中，URL中不会显示数据内容，页面也无法被浏览器缓存和收藏，相对于GET来说更安全，这里的安全是指提交的信息更不容易被其他人获取。
4. GET请求在URL中传送的参数是有长度限制的，对比GET来说，POST是传输大量数据的更好选择。
5. GET请求只能进行url编码，而POST支持多种编码方式。
6. GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
7. GET在浏览器回退时是无害的，而POST会再次提交请求。

3. 在input里，name 有什么作用？

name属性规定了input元素的名称，用于对提交到服务器后的表单数据进行识别。

4. radio 如何分组?

把radio同组的name属性设为相同

<input type='radio' name='sex' value='male'>男
<input type='radio' name='sex' value='female'>女

5. placeholder 属性有什么作用?

placeholder属性能够让你在文本框里显示提示信息，该信息在输入字段为空时显示，输入字段后消失。

6. type="hidden"隐藏域有什么作用? 举例说明

隐藏域是用来收集或发送信息的不可见元素，该字段对于用户是不可见的。一方面隐藏数据可以暂存数据，例如用户不需要见到，但操作网页时可能用到的数据；另一方面提高数据传输的安全性。例如，该隐藏字段可以设置为预先约定好的字段，服务器收到数据后，对该隐藏字段进行校验，以此识别数据来源的可靠性。
一篇很好的文章

7. 博客简单介绍 HTML 表单的用法

8. 实现如下表单，附上预览地址。（其中性别和取向是单选，爱好是多选）

https://github.com/ychenxi/Blog/blob/master/formExample.html