Horje
How to create The Method Attribute in HTML Form

The method attribute specifies the HTTP method to be used when submitting the form data.

The form-data can be sent as URL variables (with method="get") or as HTTP post transaction (with method="post").

The default HTTP method when submitting form data is GET. 


Example of The get Method Attribute in HTML Form

This example uses the GET method when submitting the form data:
index.html
Example: HTML
<form action="/action_page.php" target="_blank" method="get">

Full Example of The get Method Attribute in HTML Form

This example uses the GET method when submitting the form data:

index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h2>The method Attribute</h2>

<p>This form will be submitted using the GET method:</p>

<form action="/action_page.php" target="_blank" method="get">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form>

<p>After you submit, notice that the form values is visible in the address bar of the new browser tab.</p>

</body>
</html>

Output should be:

Full Example of The get Method Attribute in HTML Form

Example of The post Method Attribute in HTML Form

This example uses the POST method when submitting the form data:

index.html
Example: HTML
<form action="/action_page.php" method="post">

Full Example of The post Method Attribute in HTML Form

This example uses the POST method when submitting the form data:

index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h2>The method Attribute</h2>

<p>This form will be submitted using the POST method:</p>

<form action="/action_page.php" target="_blank" method="post">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form>

<p>After you submit, notice that, unlike the GET method, the form values is NOT visible in the address bar of the new browser tab.</p>

</body>
</html>

Output should be:

Full Example of The post Method Attribute in HTML Form

Notes on GET:

Notes on POST:

Tip: Always use POST if the form data contains sensitive or personal information!

Reffered: https://www.w3schools.com/html/html_forms_attributes.asp





Related Articles
How to create HTML Action Attribute HTML Form Attributes
How to add HTML Target Attribute in Form Action HTML Form Attributes
How to create The Method Attribute in HTML Form HTML Form Attributes
How to create Autocomplete Attribute for HTML Form HTML Form Attributes
What is HTML The Novalidate Attribute for HTML form and How to create it HTML Form Attributes

Single Articles
Example of The get Method Attribute in HTML FormHTML Form Attributes
Full Example of The get Method Attribute in HTML FormHTML Form Attributes
Example of The post Method Attribute in HTML FormHTML Form Attributes
Full Example of The post Method Attribute in HTML FormHTML Form Attributes
Notes on GET: HTML Form Attributes
Notes on POST: HTML Form Attributes

Read Full:
HTML Form Attributes
Category:
Web Tutorial
Sub Category:
HTML Form Attributes
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
34



Share on: