在IE中输入/返回按钮不提交表单

时间:2012-02-02 16:53:54

标签: javascript html forms

我在页面上以及其他表单中都有以下内容,但是这个或其他任何形式都没有使用Enter键提交,而他们在Firefox中提交 - 我无法理解为什么?我把隐藏的提交放在那里,以使它与firefox一起使用。

我正在使用onclick,因为提交按钮图形位于具有背景精灵图像的类中。

有没有办法让这种情况发生?

<form action="/userlogin.html" method=post name="LOGform"><h1>Member Sign In</h1>

<fieldset id="inputs">
<div class="form_row">

<div class="form_row_name"><label>Email</label></div>
<div class="form_row_input"><input id="username" type="username" name="username" value="" style="width:60%;" placeholder="Your Email Address"></div>
</div>  

<div class="form_row">

<div class="form_row_name"><label>Password</label></div>
<div class="form_row_input"><input id="password" type="password" name="password" value='' style="width:60%;" placeholder="Your Account Password"></div>
</fieldset>
<fieldset id="actions">
<div><div style="float:left; width:35%">
<a onclick="document.forms['LOGform'].submit(); return false;" class="button" href="javascript:;">Sign In</a></div>

<input type="submit" style="display:none"/>
<input type="hidden" name="LOGON" value="logon">
<input type="hidden" name="from" value="">

</fieldset>
</form>

1 个答案:

答案 0 :(得分:0)

如果您想使用图像作为提交按钮,您可以使用图像输入类型而不是提交按钮,即:

<input type="image" src="/mybuttonGraphic.gif" />

这将有助于跨浏览器进入。