当用户在 HTML 表单 (HTML Form) 中输入信息并提交之后，有两种方法将信息从浏览器传送到 Web 服务器 (Web Server)。

一种方法是通过 URL，另外一种是在 HTTP Request 的 body 中。

前一种方法，我们使用 HTML Form 中的 method = "get"，后一种方法我们使用 HTML Form 中的 method ="post"。

例句如下：

<form action = "..." method = "get">

<from action = "..." method = "post">

通过 get 或者 post 方法都可以获得 Form 的数据，两者主要区别在于以下几方面：

Get

  • URL 改变，在URL 里显示 HTML Form 参数的 name/value 值。
  • 只适合有少量参数的 HTML Form，因为 URL 长度有字符限制，不能无限长。
  • 涉及安全性的信息，比如用户密码，不能用 get，因为会在 URL 上显示，不安全。

Post

  • URL 不改变，不在 URL 里显示 HTML Form 的数据。
  • Form 提交的信息没有长度限制。
  • 涉及安全性的信息，如用户密码，应采用 post 方式。

我们看看 get 是如何提交 Form 数据的。我们先写一个 HTML 文件，如下：

<html>

<head><title>Blablar.com HTML Form Method Get Example</title></head>

<body>

<form action ="get.php" method ="get">

Name: <input type="text" name="username" />

<input type ="submit" value="ok" />

</form>

</body>

</html>

该 HTML 的显示界面如下：

当你在这个 HTML 文件的表单文本框输入框里输入姓名，比如 "Jacky"，然后鼠标点击ok 按钮，会跳转到 get.php，在 get.php 里会显示如下图。

你可以看到在浏览器地址栏里的URL是：

http://localhost:8080/get.php?username=Jacky

注意get.php后面的字符串 ?username=Jacky，这是一对 name/value 数据，前面加一个问号。

如果你将 form 改成 method = "post"，你在浏览器地址栏就看不到这对 name/value 数据，而只有：

http://localhost:8080/get.php

使用 get 时，第一对 name/value 值前要加一个问号? ，以后每对 name/value 值则要用 & 分开。比如一个 form中有三个参数，如下：

<form action ="u.php" method ="get">

Name: <input type="text" name="username" />

Age: <input type="text" name="age" />

Gender: <input type="text" name="gender" />

<input type ="submit" value="ok" />

</form>

比如你在Name 项填写Jacky，Age项填写50，Gender项填了male，提交之后的 URL 显示为：

http://localhost:8080/get.php?username=Jacky&age=50&gender=male

html表单中get与post之间的区别的更多相关文章

  1. form表单中的id 与name的区别

    以前经常写form表单时,不写id和name,总觉得没有什么用.后来一看后台套完的页面发现,他们都补上name,不知道所以然,就查了一下资料,吓我一跳,要是照我那样写根本不会有数据传到服务器.原来表单 ...

  2. Form表单中的get和post的区别

    method="get/post",两种方式的区别 Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法.二者主要区别如下: 1.Get将表单中数据的按 ...

  3. form表单中method的get和post区别

    一.问题的提出   <form action="getPostServlet/getPost.do?param4=param4" method="get" ...

  4. servlet表单中get和post方法的区别

    Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法.二者主要区别如下: 1.Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据. 2.Ge ...

  5. Form表单中Post与Get方法的区别

    Form提供了两种数据传输的方式:get和post.虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响. Form中的get和post方法,在数据传输过程中分别 ...

  6. 表单中input name属性有无[]的区别

    1 input数组 如下一个表单: <input type="text" name="username[]" value="Jason" ...

  7. 表单中submit和button按钮的区别！

    对于表单的按钮以前知道submit和button有区别,但没有深入探索,今天刚好又碰到这个问题,看了下网络上这位朋友已经有现成的总结了,而且比较到位,拿来跟大家分享下(原文地址:http://blog ...

  8. form表单中id与name的区别

    以前经常写form表单时,不写id和name,总觉得没有什么用.后来一看后台套完的页面发现,他们都补上name,不知道所以然,就查了一下资料,吓我一跳,要是照我那样写根本不会有数据传到服务器.原来表单 ...

  9. Form表单中method为get和post的区别

    序,form表单中的方法分为get和post,但你都知道他们之间的区别吗? Form表单中method为get和post的区别: 例子如下,有个Form表单. <form action=&quo ...

随机推荐

  1. levenshtein函数

    Levenshtein算法已在部分DBMS中实现. (例如:PostgreSQL:http://www.postgresql.org/docs/9.1/Static/fuzzystrmedi.html ...

  2. php的基本内容

    php是一门后台语言,不能直接用浏览器打开,浏览器是他的载体, php的环境时apache,我们现在用的时phpstudy的继承环境,文件目录应放在apache中的www的根目录下: js的环境为no ...

  3. volley 之GsonRequest

    这是之前写的http://www.cnblogs.com/freexiaoyu/p/3955137.html 关于GsonReques的用户,这个在POST请求传参数的时候GsonRequest构造第 ...

  4. 04-ARP:地址解析协议

    当一台主机把以太网数据帧发送到位于同一局域网上的另一台主机时,是根据 48 bit的以太网地址来确定目的接口的.设备驱动程序从不检查 I P数据报中的目的I P地址. 地址解析为这两种不同的地址形式提 ...

  5. [UE4]获得特定类型的所有Actor：Get All Actors Of Class、Get All Actors with Interface、Get All Actors with Tag

  6. 数据分箱：等频分箱，等距分箱，卡方分箱，计算WOE、IV

    转载:https://zhuanlan.zhihu.com/p/38440477 转载:https://blog.csdn.net/starzhou/article/details/78930490 ...

  7. U3D学习09-物体简单控制及视角观察

    一.Character Control非刚体 1.场景初始化,注意调整CC的轴心,不需要碰撞,且删除CC子物体的碰撞.2.移动:       获取X,Z轴变化,定义变量h,v:        定义移动 ...

  8. json - 内容中需处理的特殊字符(转)

    转 http://blog.csdn.net/icewizardry/article/details/17265267 protected string RemoveIllegalCharacterF ...

  9. Install and Configure Apache Kafka

    I. Installation The installation environment must have JDK, verify that you enter: java -version 1. ...

  10. JS+Ajax+Servlet:记录页面访问时间

    1.前端JS记录页面访问时间 1.1JQuery版本: <script type="text/javascript" src="js/jquery.min.js&q ...