HTML12：初识表单post和get提交

最新推荐文章于 2022-04-30 13:58:04 发布

工一木子

最新推荐文章于 2022-04-30 13:58:04 发布

阅读量93

点赞数

分类专栏： HTML学习

本文链接：https://blog.csdn.net/Prince140678/article/details/118662232

版权

HTML学习专栏收录该内容

19 篇文章 0 订阅

订阅专栏

HTML12：初识表单post和get提交

表单语法

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RB2lpfeL-1626017677797)(C:\Users\Administrator\Desktop\学习笔记\前端学习\HTML\HTML12：初识表单post和get提交.assets\image-20210711233401534.png)]$

代码show

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>10.表单</title>
    </head>
    <body>
        <h1>注册</h1>
        <!--
        action: 表单提交的位置，可以是网站，也可以是一个请求处理地址
        method:post，get提交方式
                 get方式提交：我们可以在url中看到我们提交的信息，不安全，高效
                 post：比较安全，传输大文件
              -->
        <form action="我的第一个HTML.html" method="get">
            <!--    文本输入框：input type="text"        -->
            <p>名字：<input type="text" name="username"/></p>
            <!--    密码框： input type="password"       -->
            <p>密码：<input type="password" name="pwd"/></p>
            <p><input type="submit"/><input type="reset"></p>

        </form>
        <hr/>
        <form action="我的第一个HTML.html" method="post">
            <!--    文本输入框：input type="text"        -->
            <p>名字：<input type="text" name="username"/></p>
            <!--    密码框： input type="password"       -->
            <p>密码：<input type="password" name="pwd"/></p>
            <p><input type="submit"/><input type="reset"></p>

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

彩蛋

1.浏览器追踪post请求

右键->审查元素->network

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ppyfsrbU-1626017677803)(C:\Users\Administrator\Desktop\学习笔记\前端学习\HTML\HTML12：初识表单post和get提交.assets\image-20210711233257960.png)]$

工一木子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML12：初识表单post和get提交

HTML12：初识表单post和get提交表单语法代码show<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>10.表单</title> </head> <body> <h1>注册</h1> <!-
复制链接

扫一扫

专栏目录