初始表单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 = "rest" name = "Reset" value="重填">
    </p>
</form>

我们新建一个

学习表单.html

命名为登陆注册

表单的标签为form

form标签 get

<form action="表格.html" method="get">
    <!-- 表单 form
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method:post或get 提交方式
-->
    <!--文本标签 inpt type="text"  name  指定表单元素的名称--> 
    <p>名字:<input type="text" name="username"></p>
    <!-- 密码标签 input type="password"-->
    <p>密码:<input type="password" name="password"></p>
    
    <!-- submit  是  提交
   reset  是 重置-->
    <p><input type="submit">
    <input type="reset"></p>
</form>

表单 form
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method:post或get 提交方式

文本标签 inpt type=“text” name 指定表单元素的名称
密码标签 input type="password

submit 是 提交

reset 是 重置

我们浏览器打开一下

就会出现一个 注册

我们在里面输入名字和密码

点击提交

就会跳到 表格 标签

不过值得注意的一点是

URL 上面显示这我的名字 和密码

所以用get提交 我们可以在URL中看到我们提交的信息 效率高但是不安全。

post

我们将get给改成post

<form action="表格.html" method="post">
    <!-- 表单 form
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method:post或get 提交方式
-->
    <!--文本标签 inpt type="text"  name  是指在URL里面的名称  可以写也可以不写--> 
    <p>名字:<input type="text" name="username"></p>
    <!-- 密码标签 input type="password"-->
    <p>密码:<input type="password" name="password"></p>
    
    <!-- submit  是  提交
   reset  是 重置-->
    <p><input type="submit">
    <input type="reset"></p>
</form>

用浏览器打开

输入名称和密码

点击提交

就会跳转到表格标签

但是这一次URL并没有显示名称和密码

所以比较安全，他可以传输大文件 get不能传输