The HTML formaction attribute
Quick answer
The HTML formaction attribute overrides the form's action for submissions triggered by this button. It is used on the <button> and <input type="submit"> elements.
Overview
The formaction attribute overrides the form action for one submit button. It is used on <button> and submit-type <input> controls.
It applies to buttons. Several of these let a single submit button override the parent <form>'s settings (its action, method, encoding or validation), while others wire a button to a popover or a built-in command.
Syntax
<button formaction="/save-draft">Save draft</button>Values
| Value |
|---|
| A URL. |
Best practices
- Always set an explicit type on a <button> — the default inside a form is
submit. - Use the
form*override attributes only when one button genuinely needs different submission behavior. - Give every button clear, descriptive text for screen readers.
- Prefer real <button> elements over clickable <div>s for keyboard and accessibility support.
Frequently asked questions
What does the formaction attribute do?
Overrides the form action for one submit button.
Why does my button submit the form unexpectedly?
Can one button submit to a different URL than the form?
Yes. Put
formaction (and optionally formmethod) on that submit button to override the form.