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">邮 箱</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">密 码</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">名 称</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td align="right">性 别</td>
<td><input type="radio" name="sex" value="she">女<input type="radio" name="sex" value="he">男</td>
</tr>
<tr>
<td align="right">
爱 好
</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> </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> </td>
<td><input type="image" src="https://i.loli.net/2018/10/27/5bd46080ce07d.png"></td>
</tr>
</table>
</form>
</body>
</html>
欢迎大家来本人自己搭建的Blog踩踩