form表单

form表单的作用

form表单将你在网页上所输入的信息通过Web服务器提交给网站后台

常见的input标签

• button: 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）

• checkbox:定义复选框。
• file 定义输入字段和 "浏览"按钮，供文件上传。
• hidden 定义隐藏的输入字段。
• image 定义图像形式的提交按钮。
• password 定义密码字段。该字段中的字符被掩码。
• radio 定义单选按钮。
• reset 定义重置按钮。重置按钮会清除表单中的所有数据。
• submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
• text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

post与get的区别

1.提交方式

• GET提交，请求的数据会附在URL之后（就是把数据放置在请求行（request line）中），以?分割URL和传输数据，多个参数用&连接

• POST提交：把提交的数据放置在是HTTP包的包体中

** 因此，GET提交的数据会在地址栏中显示出来，而POST提交，地址栏不会改变**

2.传输数据的大小

• GET:特定浏览器和服务器对URL长度有限制，例如IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。
  因此对于GET提交时，传输数据就会受到URL长度的限制。

• POST:由于不是通过URL传值，理论上数据不受限。但实际各个WEB服务器会规定对post提交数据大小进行限制，Apache、IIS6都有各自的配置。

3.安全性

POST的安全性要比GET的安全性高
通过GET提交数据，用户名和密码将明文出现在URL上,因为：

• 登录页面有可能被浏览器缓存
• 其他人查看浏览器的历史纪录，那么别人就可以拿到你的账号和密码了，除此之外，使用GET提交数据还可能会造成Cross-site request forgery攻击

4.都是在http上运行的

• get：请求参数是作为一个key/value对的序列（查询字符串）附加到URL上的

• 请求参数是在http标题的一个不同部分（名为entity body）传输的，这一部分用来传输表单信息，因此必须将Content-type设置为:application/x-www-form-urlencoded

INPUT中的name作用

name属性规定了input元素的名称，用于对提交的数据进行标识，或者在JavaScript中引用表单数据。

radio如何分组

通过name属性的不同进行分组，同一组name相同为一组

placeholder属性有什么作用

显示输入内容

placeholder代码输入.png placeholder作用显示.png

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

1.暂存一个值

type=hidden代码.png type=hidden后台.png

2.保证安全性
用于后台进行校验，阻止csrf的攻击