关于form标签浅淡

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

form标签：我的理解是一个向服务器提交表单数据的标签，用来收集用户输入的标签。

HTML

元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。
-------这是MDN上的解释。

input在前端开发中使用频率比较高。而我们常用的属性有什么呢？

属性	作用
type=button	定义一个按钮，多数与javascript一起用
type=checkbox	定义一个复选框
type=hidden	定义文字的隐藏
type=image	定义图片形式的按钮
type=password	定义密码，该段字符会被
type=radio	定义一个单选按钮
type=reset	定义一个表单数据复位按钮
type=submit	定义一个数据提交按钮
type=text	定义一个单行的输入字符段
checked	定义在文档首次加载时该input被默认选中
max	定义输入字段的最大值，有两个值分别是number与date
min	定义输入字段的最小值，有两个值分别是number与date
maxlength	定义输入字段的最大长度，以字符个数计，一个中文字=两个字符
minlength	定义输入字段的最大长度，以字符个数计，一个中文字=两个字符
name	定义input的名字
value	定义input元素的值

2、post 和 get 方式的区别？

引用MDN与维基百科与他人的解释:
Post
: 向指定资源提交数据，请求服务器进行处理（例如提交表单或者上传文件）。数据被包含在请求本文中。这个请求可能会创建新的资源或修改现有资源，或二者皆有。
Get
: 指的是 HTTP GET 方法;:表单数据会附加在 URI action
属性中并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做（数据暴露在URI里面）没什么副作用，或者表单仅包含ASCII字符时，再使用这种方法吧。
GET交互方式是幂等的，幂等是一个数学概念，幂等函数就是可以使用相同参数重复执行，并且能获得相同结果的函数。在GET交互这里就是，对同一个URL的多个请求，得到的结果是相同的。就像数据库查询，不同的数据库连接对同一个数据库表用相同条件查询时，得到的结果也是一样的。

个人认为此解释比较通俗易懂→ 传送门

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

暂时我了解的是两种作用：
第一种：就是html里input的定位；
例子：用jq去通过name去获取对象。
第二种：当表单提交到后台的时候，你要获取表单里面参数的值，就是通过name来获取的（因本人暂时未接触此技术，只是从网上搜索回来的，若有错误，请指出）

4、radio 如何 分组?

未分组demo：

    woman
    man
  

注意name！！
效果：

未分组

分组demo：

    woman
    man
  

注意未分组与分组的name的不同！！！！！！！！！
效果：

分组

5、placeholder 属性有什么作用?

通俗的给个例子：输入框里那个提示语就是它，就是placjholder="你想提示的话"。
demo：

效果：

提示语

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

废话不说，直接上图
首先是type=hidden：
demo：

  Email: 

  
  

效果:

type=hidden

然后type=text：
demo：

 

  Email: 

  
  

效果：

type=text