HTML 参考手册

HTML 标签大全

HTML: <form> method 属性

本文介绍HTML form method 属性的使用方法，在线实例演示如何使用HTML form method 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML <form> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <form> get 方法使用-菜鸟教程(cainiaoplus.com)</title>
</head>
<body>
<form action="action_page.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 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 提交的表单不能加入书签

HTML 4.01 与 HTML5之间的差异

无。

语法

<form method="get|post">

属性值

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

更多示例

使用 "post" 方法来提交表单
通过 "post" 方法来发送表单数据。

 HTML <form> 标签

HTML: <template> 标签