12.初识表单post和get提交

一、表单语法

<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同步更新，有需要的朋友可以关注一波~