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

form表单用于收集用户的输入,并将收集到的输入组成Key:Value的形式发送到服务端；

<input type="text" name="" placeholder="">定义用户可输入的单行输入字段，placeholder的值是用以描述文字在输入框中预提示用户，该提示会在用户输入时消失；

<input type="password" name="" value="">定义密码字段，在此输入框中输入的数据会显示为星号或者圆点，value的值会预先显示在输入框中；

<input type="hidden" name="" value="">定义隐藏字段；

<input type="file" accept="image/png">定义上传文件，文件类型为PNG格式；

<input type="radio" name="" value="">定义单选按钮，不同的name值视为不同的单选组；

<input type="checkbox" name="" value="">定义多选按钮；

<input type="sumbit" name="sumbit">定义提交按钮，提交按钮可以向服务器发送表单数据；

<input type="button" name="button">定义可点击按钮，但是没有任何行为，常用于在点击按钮是启动JavaScript程序；

<input type="reset" name="reset">定义重置按钮，用于清空当前的输入；

post 和 get 方式的区别？

• post 是用来向服务器传递数据，get 是用来向服务器请求数据；
• post 将输入数据保存在HTTP包中发送到服务端，get请求的数据添加到URL尾部（HTTP协议中）以？区分URL与数据，参数中间以&符号连接，发送到服务端；
• post更加安全，post的所有操作对用户来说是不可见的，get不安全，get方式的数据放置在URL中，容易暴露数据；
• post 发送的数据理论上无大小限制，get发送数据有大小限制，取决于URL的长度。

在input里，name 有什么作用？

• name属性规定了input元素的名称，用于对提交到服务器后的表单数据进行标识；
• 只有设置了name属性的表单元素才能在提交表单时传递它们的值。

radio 如何分组?

• 以name属性的值来分组，值相同的为同一组，值不同为不同组。

placeholder 属性有什么作用?

• 定义用户可输入的单行输入字段，placeholder的值是用以描述文字在输入框中预提示用户，该提示会在输入字段为空时显示，在用户输入时消失，适用于以下类型text, search, url, telephone, email 以及 password。

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

• 隐藏字段对于用户是不可见的。在表单中插入隐藏字段目的在于收集或发送信息；
• 举例：将隐藏字段放入表单中，跟用户提交的数据一起发送到服务端，通过服务端校验可以防止伪造请求。