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

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

标签	功能
<input type="text">	定义用于文本输入的单行输入字段（默认宽度为20个字符）
<input type="password">	定义密码字段
<input type="radio">	定义单选按钮，允许用户在有限数量的选项中选择一个
<input type="checkbox">	定义复选框
<input type="submit">	定义用于向表单处理程序提交表单的按钮
<input type="button">	定义按钮
<input type="number">	用于应该包含数字值的输入字段
<input type="file">	上传文件
<input type="hidden">	隐藏域

2. post 和 get 方式的区别？

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

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

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

4. radio 如何分组?

把同组选项的name属性设为相同。

5. placeholder 属性有什么作用?

placeholder属性能够在文本框里描述提示信息。一旦你在文本框里输入了什么信息，提示信息就会隐藏。

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

隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上，可以让服务器知道数据采集的是否正确。

7.写一篇博客简单介绍 HTML 表单的用法，附上博客链接。

html表单的用法

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

表单实现