使用 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;

在您的按钮上，它现在恢复为正常文本的样子。从那里开始。