HTML <button> formaction Attribute

The formaction attribute on a submit <button> tag specifies the form-handler the form data will be sent to. This attribute requires that the <button> is of type submit.

Example

#

A formaction attribute on a submit <button>.
This attribute overrides the action specified on the <form> -- in this case, with JavaScript.

<form action="/tutorial/action.html">
  <input type="text" name="email" placeholder="Enter your email">

  <button type="submit">Submit 1</button>
  <button type="submit" formaction="javascript:alert('Submit 2 formaction')">Submit 2</button>
</form>

Tip: The formaction can also be JavaScript as seen in the above example.


Using formaction

The formaction attribute overrides the form's action value, if present.

This attribute specifies the URL where the form data will be sent to.

The formaction attribute requires that the button is of type="submit".


Syntax

<button type="submit" formaction="URL">

Values

#

Value Description
URL A page or resource to which form data will be sent.

Browser support

Here is when formaction support started for each browser:

Chrome
9.0 Feb 2011
Firefox
4.0 Mar 2011
IE/Edge
10.0 Sep 2012
Opera
15.0 May 2013
Safari
5.1 Oct 2011

You may also like

 Back to <button>
Guides