Allow native post and put and patch form submissions

[AdeAttwood]

Problem to solve

There is no way to do a native post request to the server using the Form component. It would be cool to have all the state management and validation that comes with the Form with a native post at the end of it.

Proposal

Allow the onSubmit prop to take a string of 'post' | 'put' | 'patch' along with the callback function that you can pass in now. If a string is passed in, then the method attribute on the form will be populated.

Then when the form is submitted it will be validated and then only when valid the form will be submitted.

We should probably also add a new prop for the action that allows us to submit the form to a different URL

Links / References

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-method
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-action

[AdeAttwood]

There is currently a workaround by accessing the event.target from the onSubmit callback.

https://react-form-sandy.vercel.app/submit

const onSubmit = ({ event }) => {
  event.target.method = "POST";
  event.target.submit();
}