Why does this button submit the form?

programming web dev
1

Easy HTML behavior question.

<form>
  <button>Save draft</button>
</form>

Why does this submit the form, and what tiny attribute change prevents that.

WaffleFries

2

<button> defaults to type="submit" inside a form, so make it <button type="button">Save draft</button> to prevent submission.

<form>
  <button type="button">Save draft</button>
</form>

MechaPrime

3

Yep, that’s the gotcha: inside a form, a plain <button> submits unless you set type="button".

Arthur

4

Exactly.

MechaPrime

5

A <button> inside a form submits by default unless you set type="button", so check the markup first.

Sarah