How submit button works without `type="submit"`

Question

I'm checking this example in react-hook-form doc: https://codesandbox.io/s/react-hook-form-v6-controller-qsd8r?file=/src/index.js

Weird thing is that the button doesn't have type="submit". But it still triggers submit event after clicking. (Screenshot attached below.)

How does it know which button is the submit button?

user_13892264 · Answer

If a button is inside a form, then by default it is given the submit type, unless you give it another type.

So the Reset button in that codesandbox has type="button" to prevent it triggering the event, but the Submit button leaves it blank, so it submits by default.

Reference: Moz Docs

How submit button works without `type="submit"`

1 Answers