HTML学习笔记6: form表单标签

Form表单标签

---

属性

action       规定当提交表单时向何处(URL)发送表单数据

如果不指定URL,默认提交到当前页面

method      规定用于发送表单数据的方式(默认值是GET)

• GET     在URL后拼接表单数据: ?username=hikaru44&age=2000,

  • URL的长度是有限制的, 所以GET没法提交很大的表单,

  • 不加密,可用于搜索栏

• POST   不会在URL后拼接表单数据, 表单数据在消息体/请求体中传播,

  • 参数的大小无限制(F12 network中可以查看)

  • 加密,可用于账号密码

---

表单的GET方法

表单必须有name属性才可以提交!

<h3>GET</h3>
<form action="" method="get">        
    <!-- name内部属性,就是表单的名字 -->
    <!-- 表单必须有name属性才可以提交 -->
    用户名: <input type="text" name="username">
    年龄: <input type="text" name="age">
    <!-- value就是按钮的名称 -->
    <input type="submit" value="提交">
</form>

表单的POST方法

<h3>POST</h3>
<form action="" method="post">
    <!-- name内部属性,就是表单的名字 -->
    用户名: <input type="text" name="username">
    年龄: <input type="text" name="age">
    <!-- value就是按钮的名称 -->
    <input type="submit" value="提交">
</form>  

---