Horje

How to add HTML <button> formmethod Attribute

A form with two submit buttons. The first submit button submits the form data with method="get", and the second submits the form data with method="post":

Definition and Usage

The formmethod attribute specifies which HTTP method to use when sending the form-data. This attribute overrides the form's method attribute.

The formmethod attribute is only used for buttons with type="submit".

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

Notes on the "get" method:

Notes on the "post" method:

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Syntax

<button type="submit" formmethod="get|post">

Attribute Values

Value Description
get Appends the form-data to the URL: URL?name=value&name=value
post Sends the form-data as an HTTP post transaction
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h1>The button formmethod attribute</h1>

<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>
  <button type="submit">Submit</button>
  <button type="submit" formmethod="post">Submit using POST</button>
</form>

</body>
</html>

Output should be:

How to add HTML <button> formmethod Attribute




Type:
html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin