All my forms submit each time I click something and I am stuck on how to stop it.
I click to type in some feedback, it sends an empty form. I click to delete a word, its submits a half finished form. I click submit, it sends the completed form.
(referencing the image)
1, when I clicked to start typing
2, is unfinished form when I right clicked on a word to change the spelling
3, submitted completed form.
You probably have a workflow on click on the form container that causes this. The proper way would be to use the Form Container with a Button of type Submit inside of it.
You need to use the “Form container” element, it should be called something like that. And then you should place the button inside of it. The form container has an On submit action.
Kinda both, it’s a <form></form> container, meaning that it behaves like a form (an HTML specific thing) that’s why it also validates the fields automatically etc. Might be good for accessibility and ease of doing forms / other form-specific cases.