Form 表单

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

作用：收集用户填写的信息提交给网站后台

常用input标签与其作用：

type='text'   //普通输入框
type='password'  //密码输入框
type='radio'   //单选框
type='checkbox'  //复选框
type='file'  //上传文件框
type='hidden' //隐藏域

post 和 get 方式的区别？

1.GET请求可以被缓存，POST请求从不缓存；
2.GET请求保留在浏览器历史记录中，POST请求不会保留在浏览器历史记录中；
3.GET请求可以加入书签，POST请求无法加入书签；
4.GET请求有长度限制，POST请求对数据长度没有限制；
5.在处理敏感数据时，不应使用GET请求而应该；
6.GET请求应该仅用于检索数据

在input里，name 有什么作用？

如果input标签中没有name属性，那么浏览器不会传值给后台，如果写了，传过去的名字就name的属性值，另外name在单选框中起到分组的作用。

radio 如何 分组?

通过name进行分组，不同的name可以同时选择，当name的值相同时，多个radio无法被同时选择

placeholder 属性有什么作用?

在input框中提示用户操作，当用户向input框中输入东西的时候，提示的部分会消失。

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

用于暂存一些不涉及用户数据及网站安全的信息，例如用户正在查看当前页面的页数，存储用户登陆的时长。还可以化解csrf攻击：每次请求页面时在隐藏域中存储一个来自后台的随机数，通过对比来判断是否由用户主动登陆。