iPad 表单禁用 [上一页 |下一步] 按钮答案

【问题标题】：iPad form disable [previous | next] buttonsiPad 表单禁用 [上一页 |下一步] 按钮
【发布时间】：2012-05-21 10:13:09
【问题描述】：

所以我有一个存在于滑块中的表单向导。整个想法是根据人们的决定对他们进行门禁。问题是ipad。在 iPad 上，它允许您点击 [上一个|下一个] 以在表单上的字段中移动，这打破了门控策略。

在桌面浏览器上，我通过在门控字段上的按键返回 false 来抑制 TAB 键。但在 iPad 上，我没有看到任何解决方案。

我尝试了 tabindex 并将门控输入设置为 -1。这里的问题是，当他们穿过大门后，[上一个|下一个]按钮反应迟钝，把一切都搞砸了。

有没有办法可以一起删除这些按钮？还是将它们捕获为 js 事件？

（注意这是移动网页，不是应用程序）

【问题讨论】：

【解决方案1】：

我解决这个问题的方法是disable 并在用户不应该使用tab 的任何表单元素上设置visibility: hidden。这很麻烦，但它在 iOS 5 上运行良好。

【讨论】：

【解决方案2】：

您可以使用touch-input-nav.js 自动禁用与当前具有焦点的控件不同的表单中的输入字段。这本质上是一种实现 Ben 解决方案的自动化方式。通过this answer找到。

【讨论】：

【解决方案3】：

您可以捕获各种元素的 onfocus 和 onblur 事件，并根据您的需要有一些逻辑决定是否允许。结果将是按“下一步”并保持原位。

【讨论】：

是的，这就是我最终做的，但这会导致糟糕的用户体验。
嗯，这些按钮不能被删除，它们总是在 Safari 显示的键盘窗口中。即使在 iOS 应用程序中的 UIWebView 中删除它们也是相当骇人听闻的。也许您可以将每个字段放在自己的表单中，这可能会混淆下一个/上一个并禁用它们。
我也试过了 :( 不幸的是，一个应用程序是不可能的。
我的意思是，将每个 HTML 元素放在一个单独的 HTML 表单中。