如何在表单中输入提交按钮

Question

我有一个用于登录我的网站的表格。我需要这样做，以便当用户点击回车时，表单会提交。我怎样才能做到这一点？请提供代码。

 <form id="login" action="myHome.php" method="POST">
    <input type="text" name="email" id="email"/>
    <br/>
    <br/>
    <input type="text" name="password" id="password"/>
</form>

原文由 user891123 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要添加一个 <input type="submit"> 并使用 CSS 隐藏它，以便浏览器知道在按下 enter 时触发什么，但仍然不显示按钮。为了可访问性和易用性，我会显示按钮，即使没有那么多人使用它（输入更好）。

原文由 Bojangles 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 keydown 上添加一个处理程序并检查 keycode == 13。使它提交如下表单

function addInputSubmitEvent(form, input) {
    input.onkeydown = function(e) {
        e = e || window.event;
        if (e.keyCode == 13) {
            form.submit();
            return false;
        }
    };
}

原文由 kmcc049 发布，翻译遵循 CC BY-SA 3.0 许可协议