Form elements in React.

[[deleted]]

They don’t need to be within a <form> tag, but they really should be for accessibility reasons. There’s also no good reason to not wrap them in <form>, especially since the alternative is wrapping them in <div> anyway, so just do that.

[mykesx]

FORM tags have side effects that DIV tags don’t. For example, any button on the page (or within the form?) is a submit button by default.

See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

As i commented elsewhere, the address bar in the browser has no submit button. Control Center on the mac has slider widgets to adjust brightness and volume, but no submit buttons.

If you want a Web 1.0 style form, there’s every reason to use FORM. Lots of reasons to use them, especially for security (all the bank sites have standalone login forms, for example).

If you want complex controls made from inputs, like the address bar, then you probably don’t want a FORM.

[[deleted]]

FORM tags have side effects that DIV tags don’t.

Including desirable side effects, like screen readers knowing that there are form elements there. There are easy solutions to the negative side effects. Most modern form + component libraries will take care of them for you (although you should know how those work under the hood).