以HTML格式阻止三星预测文本

Question

我有一个带有文本输入字段的HTML表单.在用户输入时,我们根据数据库中的值列表执行AJAX请求以获取预测性文本建议.

我们显示该列表,用户可以选择其中一个; 然后我们向他们展示表格的其余部分.

如果您在Samsung Galaxy S4上查看我们的网页,在其内置浏览器或Chrome或Firefox中,该设备的预测输入建议也会显示为用户类型.例如,看截图:

对于个人用户来说,在他们自己的手机设置中禁用它是很容易的.但是我们想要这样做,所以对于所有用户来说,这个字段总是被禁用.我们已经做了以下所有事情,似乎并没有阻止它出现:

<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">

你也可以在这看到这个.

有什么建议？

Answer 1

我尝试了不同的东西,似乎在移动设备上你现在没有机会以正确的方式做到这一点.

根据Safari开发人员文档,有支持https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html但似乎这与Desktop Safari比iOS更相关.

另外,拼写检查可以做到但目前,根据http://caniuse.com/#feat=spellcheck-attribute:

从他们的操作系统在移动浏览器的结果部分支持通常具有内置拼写检查,而不是使用波浪下划线来指示拼写错误的单词.spellcheck ="false"似乎对这些浏览器没有任何影响.

Answer 2

将该字段设置为密码会禁用自动完成,自动更正...以及上述所有行为.输入输入后,我将其更改回文本.该oninput事件对我来说是至关重要的.

 <input id="myinput" oninput="changeInputType(this)" type="password"/>
 <script>
     function changeInputType(input) {
       input.type = 'text';
    }
 </script>