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

时间:2011-08-26 21:21:38

标签: html javascript-events html-form html-form-post

我有一张登录我网站的表格。我需要这样做,以便当用户点击进入时,表单提交。我怎样才能做到这一点?请提供代码。感谢。

          <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>

3 个答案:

答案 0 :(得分:9)

你真的尝试过什么吗?

您需要添加<input type="submit">并使用CSS隐藏它,以便浏览器知道在按下Enter时要触发什么,但仍然没有显示按钮。为了便于使用和使用,即使不是很多人使用它,我也会显示按钮(输入更好)。

答案 1 :(得分:5)

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

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

答案 2 :(得分:0)

这应该默认发生。根据我的经验,某些浏览器需要<input type=submit>字段,但通常这不是必需的。