表格提交与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的情况下使您的网站可用。这称为Graceful degradation或Progressive enhancement。

否则，它会是这样的：

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;

按钮上的

现在又回到正常文字状态。从那里开始。