HTML: <form> method 属性

由网友 大卫 发布 阅读 6

HTML: <form> method 属性

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

 HTML <form> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <form> get 方法使用-大卫编程网(div.cn)</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: <fieldset> disabled 属性 HTML: <form> enctype 属性