form的提交方式：get和post的区别

Running53

于 2021-04-29 15:58:11 发布

阅读量313

点赞数

分类专栏：前端 CSS HTML标签

原文链接：https://blog.csdn.net/lin434406218/article/details/52858798

版权

前端同时被 3 个专栏收录

19 篇文章 1 订阅

订阅专栏

HTML标签

15 篇文章 0 订阅

订阅专栏

CSS

14 篇文章 0 订阅

订阅专栏

method属性规定如何发送表单的数据。有两种提交的方法分别为get和post。

1、get：提交的数据量要小于1024字节，表单提交时表单域数值（表单请求的信息：账号、密码…）将在地址栏显示。

<!DOCTYPE html>
<html>
<head>
    <title>测试get提交数据方法</title>
</head>
<body>
    <center>
        <form action="https://www.baidu.com" method="get">
            <p>用户名：<input type="text" name="name"/></p>
            <p>密码：<input type="password" name="pwd"/></p>
            <input type="submit" value="登录">

        </form>
    </center>
</body>
</html>

登录主界面：

在这里插入图片描述

跳转页面：

在这里插入图片描述

2、post:传递的数据量不受限制，表单提交时表单的域值（表单请求的信息：账号、密码…）不会在地址栏显示，安全性能较高，对信息进行了隐藏，一般在开发中采用post。

<!DOCTYPE html>
<html>
<head>
    <title>测试post提交数据方法</title>
</head>
<body>
    <center>
        <form action="https://www.baidu.com" method="post">
            <p>用户名：<input type="text" name="name"/></p>
            <p>密码：<input type="password" name="pwd"/></p>
            <input type="submit" value="登录">

        </form>
    </center>
</body>
</html>

登录主界面：

在这里插入图片描述

跳转页面：

在这里插入图片描述
————————————————
版权声明：本文为CSDN博主「哈密爸爸」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/lin434406218/article/details/52858798

Running53

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
form的提交方式：get和post的区别

method属性规定如何发送表单的数据。有两种提交的方法分别为get和post。1、get：提交的数据量要小于1024字节，表单提交时表单域数值（表单请求的信息：账号、密码…）将在地址栏显示。<!DOCTYPE html><html><head> <title>测试get提交数据方法</title></head><body> <center> <form acti
复制链接

扫一扫