Form表单

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

• 表单的作用是搜集用户的输入，用户提交表单时向服务器传输数据，从而实现用户与web服务器的数据交互。
• 常用的input 标签

<input type="text">:定义用于文本输入的单行输入字段（默认宽度为20个字符）
   <input type="password">:定义密码字段
   <input type="radio">:定义单选按钮，允许用户在有限数量的选项中选择一个
   <input type="checkbox">:定义复选框
   <input type="submit">:定义用于向表单处理程序提交表单的按钮。
   <input type="button">:定义按钮
   <input type="file">: 定义上传文件
  <input type="hidden">: 定义隐藏组件
 <input type="reset"> 重置按钮
HTML5 增加了如下表单元素：
<datalist>:为 <input> 元素规定预定义选项列表
<keygen>:规定用于表单的密钥对生成器字段。
<output>:定义不同类型的输出，比如脚本的输出。
<input type="number"> 用于应该包含数字值的输入字段。
<input type="date"> 用于应该包含日期的输入字段。
<input type="color"> 用于应该包含颜色的输入字段。
<input type="range"> 用于应该包含一定范围内的值的输入字段。
<input type="month"> 允许用户选择月份和年份。
<input type="week"> 允许用户选择周和年
<input type="time"> 允许用户选择时间（无时区）。
<input type="datetime"> 允许用户选择日期和时间（有时区）。
<input type="email"> 用于应该包含电子邮件地址的输入字段。
<input type="search"> 用于搜索字段（搜索字段的表现类似常规文本字段）。
<input type="tel"> 用于应该包含电话号码的输入字段。目前只有 Safari 8 支持 tel 类型
<input type="url"> 用于应该包含 URL 地址的输入字段。

post 和 get 方式的区别？

|GET|POST
----|------|----
含义|从指定的资源请求数据。| 向指定的资源提交要被处理的数据
数据发送位置|查询字符串（名称/值对）是在 GET 请求的 URL 中发送的：如/test/demo_form.asp?name1=value1&name2=value2|查询字符串（名称/值对）是在 POST 请求的 HTTP 消息主体中发送的
后退按钮/刷新|无害 |数据会被重新提交（浏览器应该告知用户数据会被重新提交）。
书签|可收藏为书签|不可收藏为书签
缓存 |能被缓存|不能缓存
编码类型|application/x-www-form-urlencoded |application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
历史|参数保留在浏览器历史中。| 参数不会保存在浏览器历史中。
对数据长度的限制|是的。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。|无限制。
对数据类型的限制| 只允许 ASCII 字符。|没有限制。也允许二进制数据。
安全性|与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！|POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。
可见性|数据在 URL 中对所有人都是可见的。 |数据不会显示在 URL 中。
（参考自w3schools）

在input里，name 有什么作用？

将表单数据传给后端的时候，会把数据组成key-value的形式，而name的属性值作为key，服务端处理请求通过name获得相应的用户输入。例如：
String name = request.getParameter("username");

radio 如何 分组?

属于同一组(类别)的选项设置相同的name值

<input type="radio" name="sex" value="male" >男
<input type="radio" name="sex" value="female" >女

placeholder 属性有什么作用?

• 用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。该提示会在用户输入值之前显示在输入字段中。
• placeholder 属性适用于以下输入类型：text、search、url、tel、email 以及 password。

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

• 暂存一些信息。后端在构造web页面的过程中,通过hidden隐藏域在页面中添加了相关数据信息(用户对网页进行操作时可能会用到这些数据信息)；
• 在一些安全策略的时候用到hidden，比如服务器向表单回送一个数据(相当于一个令牌)可以放在hidden中，当表单提交之后服务器会将该数据与之前发的数据比对，如果一致就放行同时将服务器中的数据删除再继续下一步操作。这样可以做到防止表单重复提交、防止恶意注册表单等。