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

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

标签	功能
<input type="text">	定义单行输入文本框
<input type="password">	定义密码字段
<input type="radio">	定义单选按钮，用name分组
<input type="checkbox">	定义多选按钮
<input type="submit">	定义提交表单数据至表单处理程序的按钮
<input type="button">	定义按钮
<input type="reset">	定义重置按钮
<input type="number">	用于应该包含数字值的输入字段
<input type="date">	用于应该包含日期的输入字段
<input type="color">	用于应该包含颜色的输入字段

2、post 和 get 方式的区别？

GET和POST是HTTP请求的两种基本方法：

• POST ： 向指定的资源提交要被处理的数据
• GET ：从指定的资源请求数据
  区别：参考资料

最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。

1. GET在浏览器回退时是无害的，而POST会再次提交请求。
2. GET产生的URL地址可以被Bookmark，而POST不可以。
3. GET请求会被浏览器主动cache，而POST不会，除非手动设置。
4. GET请求只能进行url编码，而POST支持多种编码方式。
5. GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
6. GET请求在URL中传送的参数是有长度限制的，而POST么有。
7. 对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
8. GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
9. GET参数通过URL传递，POST放在Request body中。

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

name 属性规定 input 元素的名称，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值

4、radio（单选） 如何分组?
把radio同组的name属性设为相同

<input type="radio" name="sex" value=“man">男
<input type="radio" name="sex" value="woman">女

5、placeholder 属性有什么作用?
placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。

6、type="hidden"隐藏域有什么作用? 举例说明
隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上，可以让服务器知道数据采集的是否正确。
参考资料

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

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