Html中form表单的get提交方式和post提交方式的不同

版权声明:@ly https://blog.csdn.net/lytwy123/article/details/83450038

1.描述分析


在form标签中有一个属性method,就是提交方法。如果你没有设定method,那么会默认使用get提交方式,下面我们来看看get和post有什么不同,通过一个表单的提交来看看。


当前网址:
file:///C:/Users/49636/Desktop/Test.html
注意观察网址
将里面的信息填写后,点击提交按钮




大家会发现地址栏变了,因为测试需要,提交不会跳转页面。
我们来看看现在的地址
file:///C:/Users/49636/Desktop/[email protected]&phone=10086&pwd=123456&repwd=123456&name=pig&sex=he&hobby=yumaoball&hobby=ping-pangball&hobby=basketball&year=1998&month=1&day=1&self=agag&verycode=uwv6&x=121&y=62
比较提交之前的网址,会发现多出来
[email protected]&phone=10086&pwd=123456&repwd=123456&name=pig&sex=he&hobby=yumaoball&hobby=ping-pangball&hobby=basketball&year=1998&month=1&day=1&self=agag&verycode=uwv6&x=121&y=62
多出来的都是我们之前提交的数据。
再来看看post


初始网址:
file:///C:/Users/49636/Desktop/Test.html



填好刚刚的数据



提交后的网址
file:///C:/Users/49636/Desktop/Test.html
并没有变化。
分析这两个问题可以得出,get方法提交安全性较低,可以从网址中看到输入的密码,这就难受了。
大多数网页都设置为post提交


2.总结


两种提交方式的区别:
1、get请求地址栏会携带提交的数据,post不会携带(请求里面。)
2、get安全级别较低,post较高。
3、get请求数据大小的限制,post没有文件大小限制。


附上注册页面的源代码方便大家在自己的机子测试
我的二维码是一个图片,只是能这么做,提价使用的是图片链接形式。

源代码:

<!DOCTYPE html>
<html>
<head>
	<title>注册页面</title>
</head>
<body>
	<h1 align="center">注册新用户</h1>
	<hr/>
	<form method="post">
	<table width="280%">
		<tr>
			<td align="right">邮&nbsp;&nbsp;箱</td>
			<td><input type="text" name="email"></td>
		</tr>
		<tr>
			<td align="right">手机号码</td>
			<td><input type="text" name="phone"></td>
		</tr>
		<tr>
		<td align="right">密&nbsp;&nbsp;码</td>
		<td><input type="password" name="pwd"></td>
	</tr>
	<tr>
		<td align="right">确认密码</td>
		<td><input type="password" name="repwd"></td>
	</tr>
	<tr>
	<td align="right">名&nbsp;&nbsp;称</td>
	<td><input type="text" name="name"></td>
	</tr>
	<tr>
		<td align="right">性&nbsp;&nbsp;别</td>
		<td><input type="radio" name="sex" value="she">女<input type="radio" name="sex" value="he">男</td>
	</tr>
	<tr>
		<td align="right">
			爱&nbsp;&nbsp;好
		</td>
		<td>
			<input type="checkbox" name="hobby" value="yumaoball">羽毛球
			<input type="checkbox" name="hobby" value="ping-pangball">乒乓球
			<input type="checkbox" name="hobby" value="basketball">篮球
		</td>
	</tr>
	<tr>
		<td align="right">出生日期</td>
		<td>
			<select name="year">
				<option value="1998">1998</option>
				<option value="1999">1999</option>
				<option value="2000">2000</option>

			</select>年
			<select name="month">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>

			</select>月
			<select name="day">
			<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
				<option value="17">17</option>
				<option value="18">18</option>
				<option value="19">19</option>
				<option value="20">20</option>
				<option value="21">21</option>
				<option value="22">22</option>
				<option value="23">23</option>
				<option value="24">24</option>
				<option value="25">25</option>
				<option value="26">26</option>
				<option value="27">27</option>
				<option value="28">28</option>
				<option value="29">29</option>
				<option value="30">30</option>
				<option value="31">31</option>
			</select>日
		</td>
	</tr>
	<tr>
		<td align="right">自我简介</td>
		<td><input type="textarea" name="self"></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><img src="https://i.loli.net/2018/10/27/5bd45df978668.png"><a href="#">看不清换一张</a></td>
	</tr>
	<tr>
		<td align="right">验证码:</td>
		<td><input type="text" name="verycode"></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><input type="image" src="https://i.loli.net/2018/10/27/5bd46080ce07d.png"></td>
	</tr>
	</table>
</form>
</body>
</html>

欢迎大家来本人自己搭建的Blog踩踩

http://47.107.118.184

猜你喜欢

转载自blog.csdn.net/lytwy123/article/details/83450038