当有两个提交按钮时，使用Enter键提交错误的表单

Question

我有一个带有两个提交按钮的表单 - 一个用于取消，另一个用于将表单值保存到数据库。按Enter键时，“取消”按钮将提交表单，而不是提交表单的“保存”按钮。当按下Enter键时，如何使“保存”按钮提交表单？

谢谢，

Answer 1

您的表单不应有两个提交按钮。保存按钮的类型为“提交”，“取消”按钮的类型为“按钮”。

编辑：我将更新此答案以处理提出的几个问题。

我在HTML规范中看到的任何内容（即DTD）都不允许在一个表单中提交两个提交按钮，但OP提到的确切问题可能会发生。在他或她的情况下，解决方案是使用类型按钮的取消按钮并添加以下JavaScript：

<input type="button" value="Cancel" onclick="window.location.href='nextpage.html';"/>

在这里，可以用适当的URL替换nextpage.html。或者，如果重定向是表单的操作，this.form.action可以是新位置。

如果OP希望安全并避免使用JavaScript，那么这只能是（可能是样式化的）超链接。