HTML form 表单提交方式get和post的区别

最新推荐文章于 2025-09-19 08:09:58 发布

原创最新推荐文章于 2025-09-19 08:09:58 发布 · 3.4w 阅读

31 ·

CC 4.0 BY-SA版权

文章标签：

#html #form #表单 #post #get

html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML表单提交的两种主要方法：GET和POST。GET方法将表单数据附加在URL中进行传输，适合提交少量且不敏感的信息；POST方法则通过HTTP消息主体传递数据，适用于提交大量或敏感信息。

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>