What is the point of <button type = "button">?

Question

Is it <button type="button>different from simple <button>with an empty or missing attribute type? MDN and the HTML5 specification say it's type=buttonintended for buttons whose purpose is to run custom JavaScript, but isn't that what it does <button>by default?

Answer 1

Yes, there is a reason - but (usually) only if you are in an element <form>.

If you added a button to a form element without specifying its regular button, the submit button will be pressed by default.

<form>
    <button>I will submit the form when clicked!</button>
</form>

against

<form>
    <button type='button'>I won't!</button>
</form>

The first is considered type=submitbecause the attribute is typenot specified.

---

<form>, , , .:)

- , , type.

---

, , - , [type=button] - . .

Answer 2

"". MDN , , html5.

- "".

"button" , preventDefault javascript.

Answer 3

<button> type = "submit", , , . click .

<button type="button"> , click , - .

Answer 4

<button type="submit">, .

So, if you want to perform POST with ajax, it is best to use <button type="button">it so that it does not submit the form when the button is clicked.

Answer 5

The default button type is actually submit. This makes it clear that there should not be any post parameter, but just be a clickable object.