form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
1、type=text
输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，住址等等。当然这也是Input的默认类型。
参数name：同样是表示的该文本输入框名称。
参数size：输入框的长度大小。
参数maxlength：输入框中允许输入字符的最大数。
参数value：输入框中的默认值。
特殊参数readonly：表示该框中只能显示，不能添加修改。
2、type=password
输入类型是password，一看就明白的密码输入框，最大的区别就是当在此输入框输入信息时显示为保密字符。参数和“type=text”相类似。
3、type=file
当你在BBS上传图片，在Email中上传附件时一定少不了的东西，提供了一个文件目录输入的平台，选择上传文件，参数有name，size。
4、type=hidden
非常值得注意的一个，通常称为隐藏域。如果一个非常重要的信息需要被提交到下一页，但又不能或者无法明示的时候。一句话，你在页面中是看不到hidden在哪里。最有用的是hidden的值。
5、type=button
标准的windows风格的按钮，当然要让按钮跳转到某个页面上还需要加入写JavaScript代码。
6、type=checkbox
多选框，常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked（表示默认选择） 其实最重要的还是value值，提交到处理页的也就是value。（附：name值可以不一样，但不推荐。）
7、type=radio
单选框，出现在多选一的页面设定中。参数同样有name,value及特别参数checked。不同于checkbox的是，name值一定要相同，否则就不能多选一。当然提交到处理页的也还是value值。
8、type=image
比较另类的一个，可以作为提交式图片按钮，通常采用这种按钮效果更美观。
9、type=submit and type=reset
分别是“提交”和“重置”两按钮，submit主要功能是将Form中所有内容进行提交action页处理，reset是快速清空所有填写内容的功能。
post 和 get 方式的区别？
一、get和post定义
form元素的method属性用来指定发送form的http方法；
使用get时，form数据集被附加到form元素的action属性所指定的URL后面；
使用post时，form数据集被包装在请求的body中并被发送。
使用get提交方式，生成URL：user.do?loginId=abc
get仅仅是拼接一个URL，然后直接向服务区请求数据，需要提交给服务器的数据集包含在URL中。
使用post提交方式，生成URL：user.do
post会把form的数据集，即loginId=abc这个键值对包装在请求的body中，发给服务器，然后向服务器请求数据。
二、get和Post的区别
1、安全性
如果用get提交一个验证用户名和密码的form，一般认为是不安全的，因为用户名和密码将出现在URL上，进而出现在浏览器的历史记录中。
显然，在对安全性有要求的情况下，应该使用post。
2、编码
get只能向服务器发送ASCII字符，而post则可以发送整个ISO 10646中的字符。
get和post对应的enctype属性有区别。enctype有两个值，默认值为application/x-www-form-urlencoded（在发送前编码所有字符）
另一个是multipart/form-data（用于文件上传）只能用于post。
3、提交数据的长度。
IE将请求的URL长度限制为2083个字符，从而限制了get提交的数据长度，如果URL超出了这个限制，提交form时IE不会有任何反映。
4、缓存
由于一个get得到的结果直接对应到一个URL，所以get的结果页面有可能被浏览器缓存，而post一般不能。
5、引用和SEO 可以用一个URI引用一个get的结果页面，而post的结果则不能，所以必然不能被搜索引擎搜到。
最本质的区别：
1、Get是用来从服务器上获得数据，而post是用来向服务器上传递数据
如果采用Post方法，浏览器将会按照下面两步来发送数据。
首先浏览器将action属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。
在服务器端，一旦Post样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码，用户特定的服务器会明确指定应用程序应该如何接受这些参数。
采用Get方法：
浏览器会直接与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据，然后直接在一个传输步骤中发送所有的表单数据。
2、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。
在input里，name 有什么作用？
定义和用法
name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
radio 如何 分组?
radio中name相同的为一组
placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。
type=hidden隐藏域有什么作用? 举例说明
基本语法：
作用：
1 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
2 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。
3 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
4 有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。
5 javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。
6 还有个例子，比如按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。
介绍 HTML 表单的用法
表单的作用：
搜集用户输入的数据 ，比如注册登陆填写相关信息，提交到服务器，提交反馈，实现用户与服务器的交互.
其中action是提交表单的地址,method是提交表单使用的方法，一般有get和post两种，区别见：
相关使用元素及示例：
text文本框：定义单行20个字符宽的文本
密码输入框：输入显示黑圆点
radio：单选按钮，可提供多个选项，但只能选择其中一个男
女
checkbox：复选框按钮，有多个选项，可选择多个值dota
旅游
宠物
submit：提交按钮
button：如果要运行一个script一个按钮被点击时，该button输入的类型可以用来创建可与各种动作相关联的按钮.< button >提交 < /button >
hidden：该属性类型通常与value属性同时使用，不过将暂时遮盖，用户不可直接看到或改变，以预先定义的值添加到每个表单提交
reset：重置按钮，返回所有表单字段的默认状态
file：允许表单用户上传和提交文件,如下代码表示用户只可提交或上传mp3文件
label标签：在文本框中可以使用户在点中文本框 前的名字时让浏览器的目标为该文本框，即选择文本框，如下代码：