HTML5表单--get和post

最新推荐文章于 2024-05-09 01:23:07 发布

lilshork

最新推荐文章于 2024-05-09 01:23:07 发布

阅读量1.9k

点赞数 4

分类专栏： JAVASE 文章标签： html

本文链接：https://blog.csdn.net/lilshork/article/details/126983529

版权

JAVASE 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

1.get

2.post

3.get和post的区别

get和post同属于表单里Method属性，Method 属性指定提交表单数据时要使用的 HTTP 方法。

表单数据可以作为 URL 变量（使用 method="get"）或作为 HTTP post 事务（使用 method="post"）发送。

提交表单数据时，默认的 HTTP 方法是 GET。

1.get

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

效果图：

跳转界面：

3.get和post的区别

1.get是从服务器上获取数据，post是向服务器传送数据。

2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。

关于 “get” ： • 该方法将表单数据以名称/值对的形式附加到 URL 中 • 该方法对于用户希望加入书签的表单提交很有用 • 在 URL 中放置的数据量是有限制的（不同的浏览器有差别），所以无法确保所有表单数据得到正确地传输 • 绝不要使用 “get” 方法来传输敏感信息！（密码或其他敏感信息在浏览器地址栏中是可见的）关于 " post " ： • 该方法以 HTTP post事务的方式来传递表单数据 • 无法将通过 " post " 方法提交的表单加入书签 • 与 “get” 相比，" post " 方法更健壮更安全，而且 “post” 没有容量限制