How to make enter the submit button in a form

Question

I have a form for logging into my website. I need to make it so that when the user hits enter, the form submits. How can I do this? Please provide code.

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

Answer 1

Have you actually tried anything?

You need to add an <input type="submit"> and hide it with CSS so that the browser knows what to trigger when enter is pressed, yet still not show a button. For the sake of accessibility and ease of use, I'd show the button even if not that many people use it (enter is much nicer).

Answer 2

add a handler to on keydown and check for keycode == 13. Make this submit the form like below

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