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

HTML <form> 元素表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。

对于用户而言，表单对于用户而言是数据的录入和提交的。
表单对于网站而言获取用户信息的途径。

<input type="text" name="" placeholder="">
用户可以输入的单行文本输入框
<input type="password" name="" value="">
单行密码输入框，输入的密码以圆点或者星号显示。
<input type="hidden" name="" value="">
隐藏字段，常用来传值。
<input type="file" accept="image/png">
上传文件
<input type="radio" name="" value="">
单选按钮，每组单选用name来区分。
<input type="checkbox" name="" value="">
多选按钮，每组多选用name区分。
<input type="sumbit" name="sumbit">
提交按钮，点击后即可向服务器提交数据。
<input type="button" name="button">
普通可点击按钮，点击后无任何行为。用于点击时执行javascript程序。

post 和 get 方式的区别？

Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。
Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用 “&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。
Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。 Post的所有操作对用户来说都是不可见的。
Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提到）。
Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。
Get是Form的默认方法。

在input里，name 有什么作用？

name规定了input的名称，只有加了name属性的标签元素才会提交到服务器。注意在radio和checkbox中使用 - - 一组选择按钮需要有相同的name.

radio 如何分组?

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

placeholder 属性有什么作用?

placeholder 属性是 HTML5 中的新属性。
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。