javascript - 表单提交按钮中的表单同时触发

Question

我有一个表单来显示用户的个人资料并允许对其进行更改，并且在此表单内我还有一个按钮来显示带有表单的模式以更改密码（表单内的表单）。
当我单击按钮提交内部表单时，它同时提交。我知道这可以通过使用type="button"onClick 事件并将其添加到提交表单的按钮来解决，但如果我这样做，我也会禁用能够通过按 enter 键提交表单的功能。
另一种选择是将带有模态的按钮放在我的表单之外，但我想尽可能避免这样做，因为我还必须更改样式。
有更好的选择吗？哪个是最佳选择？

标签： javascripthtmlreactjsforms

Answer 1

很遗憾，

（表格内的表格）。

每个 HTML 规范都不允许嵌套表单，结果是无效的 HTML 输出。

我建议使用以下选项，即使它需要更多工作：

另一种选择是将带有模态的按钮放在我的表单之外

根据W3C 规范：

流式内容，但没有表单元素后代。

相关stackoverflow讨论： 你能嵌套html表单吗？