Horje
How to set HTML form method Attribute in Input

The input formmethod attribute defines the HTTP method for sending form-data to the action URL.

Note: This attribute overrides the method attribute of the <form> element.

The formmethod attribute works with the following input types: submit and image.

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

Notes on the "get" method:

  • This method appends the form-data to the URL in name/value pairs
  • This method is useful for form submissions where a user want to bookmark the result
  • There is a limit to how much data you can place in a URL (varies between browsers), therefore, you cannot be sure that all of the form-data will be correctly transferred
  • Never use the "get" method to pass sensitive information! (password or other sensitive information will be visible in the browser's address bar)

Notes on the "post" method:

  • This method sends the form-data as an HTTP post transaction
  • Form submissions with the "post" method cannot be bookmarked
  • The "post" method is more robust and secure than "get", and "post" does not have size limitations

Example of HTML form method Attribute in Input

A form with two submit buttons. The first sends the form-data with method="get". The second sends the form-data with method="post":
index.html
Example: HTML
 <form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit using GET">
  <input type="submit" formmethod="post" value="Submit using POST">
</form> 

Output should be:

Example of HTML form method Attribute in Input

Full Example of HTML form method Attribute in Input

The input formmethod Attribute The formmethod attribute defines the HTTP method for sending form-data to the action URL.
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h1>The input formmethod Attribute</h1>

<p>The formmethod attribute defines the HTTP method for sending form-data to the action URL.</p>

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

</body>
</html>

Output should be:

Full Example of HTML form method Attribute in Input
Reffered: https://www.w3schools.com/html/html_form_attributes_form.asp





Related Articles
What is HTML Input Attributes HTML Input Attributes
How to create HTML The value Attribute HTML Input Attributes
How to create HTML readonly Attribute HTML Input Attributes
How to create HTML disabled Attribute in input HTML Input Attributes
How to edit HTML size Attribute in input HTML Input Attributes
How to create HTML maxlength Attribute in input HTML Input Attributes
How to create HTML min and max Attributes HTML Input Attributes
How to create HTML multiple Attribute HTML Input Attributes
How to build HTML pattern Attribute in input HTML Input Attributes
How to set HTML placeholder Attribute HTML Input Attributes
How to create HTML required Attribute in input HTML Input Attributes
How to create HTML step Attribute in input HTML Input Attributes
How to set HTML autofocus Attribute in input HTML Input Attributes
How to add height and width Attributes in HTML Input HTML Input Attributes
How to create HTML list Attribute in input HTML Input Attributes
How to add HTML autocomplete Attribute in Input HTML Input Attributes
What is HTML Input form Attributes HTML Input Attributes
How to create HTML form Attribute in Input HTML Input Attributes
How to set HTML form action Attribute in Input HTML Input Attributes
How to set HTML formenctype Attribute in input HTML Input Attributes
How to set HTML form method Attribute in Input HTML Input Attributes
How to set HTML form target Attribute in Input HTML Input Attributes
How to set HTML formnovalidate Attribute in Input HTML Input Attributes
How to set HTML novalidate Attribute in Input HTML Input Attributes
How to create HTML Video - Methods, Properties, and Events using Javascript HTML Input Attributes

Single Articles
Example of HTML form method Attribute in InputHTML Input Attributes
Full Example of HTML form method Attribute in InputHTML Input Attributes

Read Full:
HTML Input Attributes
Category:
Web Tutorial
Sub Category:
HTML Input Attributes
Uploaded:
10 months ago
Uploaded by:
Admin
Views:
33



Share on: