method

---

HTML <form> method 属性

使用 "get" 方法来提交表单：

实时编辑器

<form action="/examples/web/demo_form/" method="get" target="_blank"> First name: <input type="text" name="FirstName"/><br/> Last name: <input type="text" name="LastName"/><br/> <input type="submit" value="提交"/> </form>

<form action="/examples/web/demo_form/" method="get" target="_blank"> 
  First name: <input type="text" name="FirstName"/><br/> 
  Last name: <input type="text" name="LastName"/><br/> 
  <input type="submit" value="提交"/>
</form>

结果

Loading...

点击提交按钮，输入框数据将被发送到服务器上的 examples/web/demo-form 路由上，并返回一个输出页面。

提示

更多实例见页面底部

---

定义和用法

method 方法规定如何发送表单数据（form-data）（表单数据会被发送到在 action 属性中规定的页面中）。

表单数据可被作为 URL 变量的形式来发送（method="get"）或者作为 HTTP post 事务的形式来发送（method="post"）。

关于 GET 的注释：

• 将表单数据以名称/值对的形式附加到 URL 中
• URL 的长度是有限的（大约 3000 字符）
• 绝不要使用 GET 来发送敏感数据！（在 URL 中是可见的）
• 对于用户希望加入书签的表单提交很有用
• GET 更适用于非安全数据，比如在 Google 中查询字符串

关于 POST 的注释：

• 将表单数据附加到 HTTP 请求的 body 内（数据不显示在 URL 中）
• 没有长度限制
• 通过 POST 提交的表单不能加入书签

---

HTML 4.01 与 HTML5之间的差异

无。

---

语法

<form method="get|post">

属性值

值	描述
get	默认。将表单数据（form-data）以名称/值对的形式附加到 URL 中：URL?name=value&name=value。
post	以 HTTP post 事务的形式发送表单数据（form-data）。

---

浏览器兼容性

	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android
method