HTML <form>标签method 属性

定义和用法

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

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

关于 GET 的注释:

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

关于 POST 的注释:

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 method 属性。

语法

<form method="get|post">

属性值

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

实例

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

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>HTML form 标签 method 属性 xinbiancheng.cn</title>
</head>
<body>
<form action="http://www.httpbin.org/get" method="get" target="_blank">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

<p>点击提交按钮,输入框数据将被发送到服务器上的 http://www.httpbin.org/get 页面。</p>
</body>
</html>

尝试一下

例:通过 "post" 方法来发送表单数据。

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>HTML form 标签 method 属性 xinbiancheng.cn</title>
</head>
<body>
<form action="http://www.httpbin.org/post" method="post" target="_blank">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

<p>点击提交按钮,输入框数据将被发送到服务器上的 http://www.httpbin.org/post 页面。</p>
</body>
</html>

尝试一下