#       
#  Overview
 The **`method attribute`**  in #key# HTML: Hypertext Markup Language #key# is used to define the method used by HTTP to submit the form. There are two types of HTTP methods:
- `get`
- `post`

>**Note**: The method attribute is used with the `<form>` element.

# 
#  Syntax

---
```html
<form method = "get|post">
```
---

##
## Parameters
This method takes the following parameters:

- **`get`**: It is the default value. The `get` method is not used to send sensitive data because if we use it, then after the form submission, the values in the form are displayed in the address bar of the next window. We can only send the data of 3000 characters because its size is limited. 



- **`Post`**: The Post method appends the data in the body of the HTTP request. If we use this method, then there is no size limitation. We can use this to send sensitive data.





##
## Code

The basic HTML code to demonstrate the use of the method attribute is as follows:

<html>
<body style="text-align:center">
	<h1 style="color:blue"> Method Attribute </h1>

	<form id="form"	action="#" method="GET" target="_blank"> 

	<input type="text" name="name" placeholder="Enter Name"><br /><br />
    <input type="text" name="mail" placeholder="Enter Email"><br /><br />
	
	<input type="submit" value="Submit">
	</form>
</body>
</html>

document.addEventListener("DOMContentLoaded", function () {
  pTag = document.querySelector("div");
  newVal = document.createElement("p");
  newVal.innerHTML = 'Hello, Hello';
  pTag.appendChild(newVal);
});

// Async Tests Example
/*
window.onModulesLoaded = new Promise( function( resolve, reject ) {
  setTimeout(function() {
    pTag = document.querySelector("div");
    pTag.innerHTML = '';
    newVal = document.createElement("p");
    newVal.innerHTML = 'Hello World';
    pTag.appendChild(newVal);
    resolve();
  }, 100)
});
*/

var TestResult = function() {
  this.succeeded = false;
  this.reason = "";
  this.input = "";
  this.expected_output = "";
  this.actual_output = "";
};

var executeTests = function(
  userJsCode,
  userCssCode,
  userHtmlCode,
  userHtmlPage
) {
  var results = [];

  const jsdom = require("jsdom");
  const { JSDOM } = jsdom;
  const dom2 = new JSDOM(userHtmlPage, { runScripts: "dangerously" });

  const pTag = dom2.window.document.querySelector("p");

  const result = new TestResult();
  result.expected_output = "Hello World";
  result.input = "Html page";

  if (!pTag) {
    result.actual_output = "null";
    result.succeeded = false;
    result.reason = "No p tag found";
  } else {
    const pTagText = pTag ? pTag.textContent : "";
    result.actual_output = pTagText;
    if (pTagText.trim() != "Hello World") {
      result.reason = "Expected output (Hello World in a p tag) did not match";
      result.succeeded = false;
    } else {
      result.succeeded = true;
      result.reason = "Found p tag with Hello World";
    }
  }

  results.push(result);

  return results;
};

// Async Tests Example
/*
var executeTestsAsync = function(
  userJsCode,
  userCssCode,
  userHtmlCode,
  userHtmlPage
) {
  var results = [];
  return new Promise(resolve => {

    const jsdom = require("jsdom");
    const { JSDOM } = jsdom;
    const dom2 = new JSDOM(userHtmlPage, { runScripts: "dangerously" });

    if (!dom2.window.onModulesLoaded) {
      console.log("window.onModulesLoaded not found!");
    	resolve(results);
    }
    dom2.window.onModulesLoaded.then(()=>{
      const pTag = dom2.window.document.querySelector("p");

      const result = new TestResult();
      result.expected_output = "Hello World";
      result.input = "Html page";

      if (!pTag) {
        result.actual_output = "null";
        result.succeeded = false;
        result.reason = "No p tag found";
      } else {
        const pTagText = pTag ? pTag.textContent : "";
        result.actual_output = pTagText;
        if (pTagText.trim() != "Hello World") {
          result.reason = "Expected output (Hello World in a p tag) did not match";
          result.succeeded = false;
        } else {
          result.succeeded = true;
          result.reason = "Found p tag with Hello World";
        }
      }

      results.push(result);
      resolve(results);
    });
  });
};
*/

codemirror

# 
## Explanation

- **Line 3**: We have made a heading and set it's color to blue. 

- **Line 5-11**: In these lines, we have made the form whose method is set to `Get` and this form has the name and the email and at the end, it has the submit button.




What is the HTML method attribute?

Overview

Syntax

Parameters

Code

Explanation