按回车键提交表单，而不需要提交按钮

14 浏览
0 Comments

按回车键提交表单，而不需要提交按钮

我正在尝试通过按下Enter键来提交表单，但不显示提交按钮。如果可能的话，我不想使用JavaScript，因为我希望所有浏览器都可以使用（我知道的唯一基于JS的方法是使用事件）。

现在，表单看起来像这样：

 

这个方法效果不错。当用户按下Enter键时，提交按钮会起作用，并且在Firefox，IE，Safari，Opera和Chrome中不会显示按钮。但是，我仍然不喜欢这个解决方案，因为很难知道它是否适用于所有平台的所有浏览器。

有人能提供更好的方法吗？或者这已经是最好的方法了吗？

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

我觉得你应该选择Javascript这条路，至少我会这么做：

0
0 Comments

更新 2022: 使用下面的方法代替

注意 - 过时的回答
请不要在 2021+ 年使用 position: absolute。建议使用 hidden 属性替代。否则，请向下查看并选择更好、更现代的答案。

尝试：

这将把按钮推到屏幕左侧，超出屏幕范围。好处是，当 CSS 被禁用时，你会得到优雅的降级。

更新 - 解决 IE7 的方法

如 Bryan Downing 所建议的 + 使用 tabindex 防止通过 Tab 键到达此按钮（由 Ates Goral 提供）：

0