提交类型的输入/按钮调出虚拟键盘

Posted 2023-03-15

【中文标题】提交类型的输入/按钮调出虚拟键盘

【英文标题】：Input/Button of type submit brings up the virtual keyboard

【发布时间】：2016-01-08 10:17:20

【问题描述】：

我已经使用<input type="submit" /> 制作了联系表。奇怪的是，在我的 Iphone 上，使用此按钮提交表单时会触发虚拟键盘。

如何防止我提交表单时出现虚拟键盘？

【问题讨论】：

我认为我们需要更多代码来帮助您。您能否设置一个触发该行为的最小示例？通常，当您进入页面时，移动设备浏览器会自动关注表单输入（页面上的第一个输入？）。也许按下提交按钮并停留在页面上会导致某种自动对焦。

看看你是否正确地将它包裹在表单标签中，干杯

【参考方案1】：

这很奇怪，但有可能 iphone 将此输入视为文本输入。它可能是 javascript 或 jquery 代码，可能是错误，可能是任何东西。如果 jQuery 是一个选项，请创建一个按钮并将其绑定以提交，请在下面尝试并告诉我们会发生什么

取自here

$(document).on('touchend', 'form #button', function (e) 
    $('#formID').submit();
);

创建一个按钮，显然这是一个 safari 问题

<input type="button" value="Send" onclick="form.submit();" />