HTML - method 属性

HTML method 属性用于定义提交表单时使用的 HTTP 方法。

method 属性的值可以是 GET 或 POST，其中 'GET' 是默认方法。如果您没有指定 method 属性，则默认为 'GET' 方法。

语法

<form method = "value"></form>

其中 value 可以是 ‘GET’ 或 ‘POST’。

应用于

以下列出的元素允许使用 HTML method 属性

元素	描述
<form>	HTML <form> 标签用于通过表单收集网站上的用户输入。

HTML method 属性示例

以下示例将说明 HTML method 属性，以及我们应该在哪里以及如何使用此属性！

使用 "get" 方法提交表单

在下面的示例中，我们使用表单元素的 HTML 'method' 属性来定义提交表单时应使用哪种 HTTP 方法（即 GET 方法）。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML 'method' attribute</title>

</head>
<body>
   <!--HTML 'method' attribute-->
   <p>
      Example of the HTML 'method' attribute
   </p>
   <form method="GET">
      <h2>Login Page</h2>
      <label for="">
         Username
      </label>
      <input type="text" 
             name="uname">
      <br>
      <br>
      <label for="">
         Password
      </label>
      <input type="password" 
             name="password">
      <br>
      <br>
      <button>Login</button>
   </form>
</body>
</html>

使用 "post" 方法提交表单

以下是另一个 HTML ‘method’ 属性示例。在这里，我们创建一个包含两个输入字段和一个按钮的表单。然后，我们在表单元素中使用 method 属性并将 method 值设置为 ‘POST’，以将表单数据发送到服务器。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML 'method' attribute</title>
</head>

<body>
   <!--HTML 'method' attribute-->
   <p>
      Example of the HTML 'method' attribute
   </p>
   <form method="POST">
      <h2>
         Login Page
      </h2>
      <label for="">
         Username
      </label>
      <input type="text" 
             name="uname">
      <br>
      <br>
      <label for="">
         Passwaord
      </label>
      <input type="password" 
             name="password">
      <br>
      <br>
      <button>Login</button>
   </form>
</body>

</html>

GET 和 POST 方法的区别

GET 方法用于向 Web 服务器请求 URL 以获取用户提交的表单输入数据。提交表单数据（值）后，这些值将显示在 URL 中。
POST 方法用于在 HTTP 请求的主体中发送或附加表单数据。提交表单后，表单数据（值）不会显示在 URL 中。

支持的浏览器

属性
method	是	是	是	是	是

html_attributes_reference.htm

打印页面