获取iPhone GO按钮以提交表单

DA.*_*DA. 39 html forms iphone keyboard

是否有人知道哪些变量进入表单以使iPhone虚拟键盘的GO按钮提交表单与否?

我一直在努力缩小场景,这就是我发现的:

  • 如果FORM只有一个用户输入字段,则go按钮会自动提交表单

  • 如果FORM有多个用户输入字段,但没有INPUT TYPE ="SUBMIT",则GO按钮不提交表单.

  • 如果FORM有多个用户输入字段并且INPUT TYPE ="SUBMIT",则go按钮确实提交表单.

然而,这并不完全准确,因为我们遇到了第三种情况不适合我们的情况.

是否有人知道GO按钮工作与不工作的其他因素?

DA.*_*DA. 51

所以,这是我们的具体问题:

我们有一个包含多个用户输入字段的表单,但不是真实的<input type="submit">(它是通过JS提交的).

因此,GO按钮什么也没做.

然后我们添加了一个<input type="submit">并将其设置为display: none希望能够解决这个问题.不.没工作.

一时兴起,我们改变了display:none to margin-left: -1000px

那很有效!

显然,Safari正在寻找表单中存在SUBMIT按钮,并且只有当它不显示时才会显示:none,然后当你点击GO按钮时它会触发它.

  • 小心那种"屏幕外"技术!使用css 3d可以转换网站(或使用透视等网站),即使对象未显示在屏幕上,浏览器也会对其进行计算.它会导致(巨大的)性能下降(即使在着名的文本缩进:-9999px!).所以我更喜欢不透明度:0/visibility:隐藏解决方案 (7认同)
  • 我们采用了相同的方法,但是我们只是使用z-index将其推回并使用某些位置相对有趣的方式将其隐藏在我们的图形按钮下,而不是margin-left. (2认同)
  • &lt;input type="submit" style="visibility:hidden;position:absolute"/&gt; (2认同)

Jir*_*psa 22

如果有多个输入并且您想要隐藏提交,最好看起来:

<input type="submit" style="visibility:hidden;position:absolute"/>
Run Code Online (Sandbox Code Playgroud)