一、表单语法
<form method="post" action="result.html">
<p>名字:<input name="name" type="text"></p>
<p>密码:<input name="pass" type="password"></p>
<p>
<input type="submit" name="Button" value="提交"/>
<input type="reset" name="Reset" value="重填"/>
</p>
</form>
1、method表示规定如何发送表单数据,常用值:get、post
get提交方式:我们可以在发送的url中看到我们提交的信息,特点:不安全、效率高。
post提交方式:特点:比较安全,可以传输大文件
2、action表示向何处发送表单数据,可以是网站,也可以是一个请求处理地址
3、文本输入框的形式为text
4、密码文本框的形式为password
5、提交按钮的形式为submit
6、重填按钮的形式为reset
网页端的展示情况如下图
其中如果发送方式是get,那么跳转的网页地址后面就会看到我们登陆提交的账号密码。如下图(账号:小黄的阁楼、密码:123456)
如果发送方式是post,那么跳转网页后就不会显示登陆提交的信息,但我们也可以通过浏览器的审查元素来找到该信息。下面以edge浏览器为例,右键点击检查,如下图
然后在审查元素中点击网络,如下图
这时重复刚刚的登陆操作,输入登陆的账号信息,点击提交,之后下面的截面就会捕捉到刚刚登陆的信息,我们点击第一条很多字符的名称,然后在右边选择负载,就能看到我们的账号和密码了,效果如下图
感谢您的观看,能和您一起学习是我最大的荣幸!
参考学习资料:表单post和get提交——狂神说
下面是我的微信公众号,与csdn同步更新,有需要的朋友可以关注一波~