HTML - method Attribute

HTML method attribute is used to define which HTTP method to use when submitting the form.

The method attribute value can be either GET or POST, where 'GET' is the default method. If you haven't specified the method attribute, it assumes it to be the default 'GET' method.

Syntax

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

Where value can be ‘GET’ or ‘POST’.

Applies On

Below listed elements allow using of the HTML method attribute

Element	Description
<form>	HTML <form> tag is used to collect user input on a website through a form.

Examples of HTML method Attribute

Below examples will illustrate the HTML method attribute, where and how we should use this attribute!

Submit form with "get" Method

In the following example, we are using the HTML 'method' attribute with the form element to define which HTTP method (i.e. GET method) should be used when submitting the form.

<!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>

Submit form with "post" Method

The following is another example HTML ‘method’ attribute. Here, we are creating a form that contains two input fields and a button. Then, we use the method attribute within the form element and assign the method value as ‘POST’ to send the form data to the server.

<!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>

Difference between GET and POST method

The GET method is used to request a URL from a web server to fetch user-submitted form input data. After submitting the form data (values) will appear on the URL.
The POST method is used to send or append the form data inside the body of the HTTP request. The form data(values) will not appear on the URL after submitting the form.

Supported Browsers

Attribute
method	Yes	Yes	Yes	Yes	Yes

html_attributes_reference.htm