移动端键盘遮挡输入框 不要在网页上显示特定文本框的iPhone键盘?




移动端键盘遮挡输入框 (4)

请记住,readonly =“true”不是必需的。

<input type="text" readonly>就够了。

这个问题在这里已经有了答案:

有什么设置使用iPhone键盘不会出现在网页中的特定文本框? 可能是一些CSS的设置?


你只需要输入字段为readonly =“true” /只读模式,以便键盘不会出现!


你希望文本框可以编辑除iPhone以外的任何其他浏览器? 如果没有,你有没有试图禁用文本框? 我还没有尝试过,我也不记得我的iPhone在网站上看到一个禁用的文本框; 但是,它可能会这样做。

如果禁用文本框工作 ,但你仍然只想限制到iPhone,你需要看看iPhone的用户代理。 您可以通过服务器端代码或通过JavaScript的navigator.userAgent来确定。

为了节省更多的时间,iPhone的用户代理如下:

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3B48b Safari/419.3

我不认为你能够真正地禁用键盘,就像当你通过PC或Mac浏览网页时不能真正禁用键盘一样。 一个技巧是添加JavaScript来拦截OnKeyPress(或OnKeyDown)事件来拦截键击并根据用户代理取消它。 我还没有专门针对iPhone进行尝试,但是当我想限制启用的文本框(即取消电话号码字段中的字母字符)的输入类型时,它已经适用于其他应用程序。 由于“OnKey”事件在iPhone上仍然有效(由像Google这样的自动完成的网站来确定),该方法应该可行。





web-applications