How to override (disable) the "submit" behaviour of a button tag inside of a form tag?

Question

<form action="">   <button>click</button> </form> 

The default behaviour of a button inside a form is to submit that form.

How can I disable the submit behaviour of that button?

Answer 1

Add a type="button" to it:

<button type="button">Click</button> 

---

The types availabe are:

• "submit": Default value. Submits the form.
• "reset": Resets the form's inputs.
• "button": Does nothing.

A good reference: https://developer.mozilla.org/en/DOM/HTMLButtonElement

Answer 2

This will disable via javascript

<button onclick='return false'>click</button> 

But you can just define the type

<button type='button'>click</button>