隐藏提交按钮时通过点击返回提交表单; 适用于Firefox,在Chrome中无效

Question

我有一个带有一些输入字段的表单和一个隐藏的提交按钮(通过style ="display:none"隐藏).

当您在Firefox中关注输入字段时点击返回键,表单将提交.

但是在Chrome中,当您点击返回时,没有任何反应.我想知道,你如何将此功能添加回Chrome？

这是表单,在Chrome中查看它:http: //jsfiddle.net/B59rV/2/

<form method="post"  action="/xxxx" accept-charset="UTF-8">

    <input type="hidden" value="SSjovFqEfRwz2vYDIsB6JRdtLAuXGmnT+tkyZnrtqEE=" name="authenticity_token">

    <div class="input text_field">
    <label>Email</label>
    <input type="text" size="30" name="user_session[email]" />
  </div>

  <div class="input text_field">
    <label>Password</label>
    <input type="password" size="30" name="user_session[password]" />
  </div>


    <input type="submit" value="Sign In" style="display: none;" >

</form>

Answer 1

我真的不知道为什么它不适用于Chrome.我认为这是一个错误.

但是,它在某种程度上与此有关display: none.

我发现了一个讨厌的,可怕的(!!)解决方法:

input[type="submit"] {
    position: absolute;
    top: -1000px
}

不要隐藏它:相反,将它放在屏幕上.

现场演示 - 适用于Chrome.