HTML Button Type Submit Gotcha

Problem

Buttons without an explicit type attribute default to type="submit" when inside a <form> element. This causes UI buttons (dismiss, cancel, close, toggle, etc.) to unintentionally submit forms when clicked, leading to confusing and buggy behavior.

Common Scenario: A dismiss button on an alert/modal inside a form triggers form submission instead of just closing the alert.

Context / Trigger Conditions

Use this pattern when you encounter:

1. Unexpected Form Submissions:
   • Clicking dismiss/close buttons submits forms
   • Cancel buttons trigger form submission
   • Modal close buttons submit parent forms
   • Dropdown/toggle buttons cause form submits