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
form表单_第1张图片
type=hidden后台.png

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

你可能感兴趣的:(form表单)