HTML表单(HTML Form)中get 和post 的区别

本文详细对比了HTML表单提交方式GET与POST的区别,包括URL显示、数据长度限制及安全性考量等,并通过实例演示如何实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当用户在 HTML 表单 (HTML Form) 中输入信息并提交之后,有两种方法将信息从浏览器传送到 Web 服务器 (Web Server)。 一种方法是通过 URL,另外一种是在 HTTP Request 的 body 中。 前一种方法,我们使用 HTML Form 中的 method = "get",后一种方法我们使用 HTML Form 中的 method ="post"。 例句如下:

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

<form 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中有三个参数,如下:

Name: Age: Gender:

比如你在Name 项填写Jacky,Age项填写50,Gender项填了male,提交之后的 URL 显示为: http://localhost:8080/get.php?username=Jacky&age=50&gender=male

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值