javascript - 使用 div 提交表单

Question

我的网站上有一个用于登录的表单。为了使表单看起来更好，我使用了一个 div 作为提交按钮，它使用 onclick="login()"。除了一件事之外，这一切都很好：当您输入用户名，点击选项卡，输入密码，点击回车时，点击回车不会提交表单。

有没有办法让表单在输入时提交而无需编写疯狂的 javascript 来监视按键？或者更好的是，有没有一种方法可以在不使用图像的情况下将提交按钮设置为看起来不像按钮？

我的按钮实际上只是我设计的看起来可点击的文本。

提前致谢！

Answer 1

一种submit类型的输入基本上是针对ENTER您正在寻找的默认键行为进行的。

有无数种方法来设置表单按钮的样式。

http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/

Answer 2

设置提交按钮的样式，使其看起来像纯文本：

#mySubmitButton {
    background:none!important;
    border:none; 
    padding:0!important;
}

Answer 3

不。如果您的用户没有 javascript，他们将永远无法提交您的表单。您必须始终使您的网站在没有 javascript 的情况下可用。这称为优雅降级或渐进增强。

否则，它会是这样的：

document.getElementById('your-form').onkeypress = function(e) {
    if (e.keyCode === 13) { // If the key pressed is [Enter]. See here for a list: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
        login()
    }
}

Answer 4

放：

background-color: transparent;
border-width: 0;

在您的按钮上，它现在又恢复到看起来像普通文本了。从那里去。