有没有人在iOS/iPhone上体验过一个表单元素激活另一个表单元素?

有没有人在iOS/iPhone上体验过一个表单元素激活另一个表单元素?,ios,iframe,Ios,Iframe,我有一个表单出现在FancyBox iframe模式中。在iOS 5上,特别是在iPhone上——当我触摸提交按钮时,iPad上不会出现这种情况,它会激活一个显示在提交按钮上方约50像素的图标,然后屏幕底部会显示选项 我已经尽可能放大以验证我没有触摸选择按钮–我确实在单击提交按钮,它会按预期高亮显示,但表单当然不会提交,我可以从中选择选项 有没有人在iOS 5中遇到过这样的错误?我不能把这归因于其他任何事情——有一些javascript通常会在点击提交时运行以处理表单,但它根本没有被激活,并且对

我有一个表单出现在FancyBox iframe模式中。在iOS 5上,特别是在iPhone上——当我触摸提交按钮时,iPad上不会出现这种情况,它会激活一个显示在提交按钮上方约50像素的图标,然后屏幕底部会显示选项

我已经尽可能放大以验证我没有触摸选择按钮–我确实在单击提交按钮,它会按预期高亮显示,但表单当然不会提交,我可以从中选择选项


有没有人在iOS 5中遇到过这样的错误?我不能把这归因于其他任何事情——有一些javascript通常会在点击提交时运行以处理表单,但它根本没有被激活,并且对表单本身没有影响,等等。我在iOS上看到了iFrame的一些奇怪的东西,我想知道是否存在潜在的关联。

您的操作可能会连接到不同的按钮而不是插座。这就解释了为什么会发生正确的事情。操作是正常的,但更新帧矩形会弄乱,因为按钮不正确。

ios上的iFrame与其他浏览器(包括桌面safari)中的普通iFrame不同

ios safari在iframe内页面的整个高度呈现它们

要让它们像固定高度的普通iframe一样滚动,您必须将它们放在div中,并将divs overflow设置为auto或scroll。我猜你的模态叠加已经做到了

但是,如果提交按钮的原始呈现位置低于父div的折叠位置,则即使是没有特殊定位(除了使用父div裁剪其高度并使其可滚动)的普通页面iframe,通常也只能使用提交按钮1次

因此,第一次提交可以工作,但是如果表单返回时缺少必填字段错误,则不能再次点击提交按钮

对我的旧ipad的进一步研究表明,如果submit(提交)按钮的按下程度足够低,那么第一次它甚至无法工作

ios 5.1.1版和ios 8版的safari中都存在该漏洞

我可以对iframe中不是input type=submit的任何元素使用onclick javascript函数来强制表单执行form.submit


但具体到iphone问题,可能发生的是操作系统试图放大表单字段,以便用户可以清楚地看到他们输入的内容。解决方法可能是在输入元素上声明至少16px的字体大小。这样,操作系统就知道字段中的文本已经具有相当可读的大小,并且不会尝试放大。即使在ios 8中,在绝对定位的模式覆盖中放大iframe的内容也是超级麻烦。

很抱歉不清楚!我指的是iOS5Safari中的HTML标记。不过,谢谢你的帮助!