如何禁用 iOS Chrome 密码/信用卡自动填充？

Posted 2023-02-22

【中文标题】如何禁用 iOS Chrome 密码/信用卡自动填充？

【英文标题】：How to disable iOS Chrome password/credit card autofill?

【发布时间】：2020-08-30 11:43:18

【问题描述】：

在 ios 13 Chrome 上，当专注于文本输入时，即使输入的属性 type 设置为 @987654324，键盘顶部也会显示一个宽灰色条，其中只有几个用于密码和信用卡自动完成的按钮@ 和 autocomplete 设置为 "off"。

除了不需要之外，这个栏似乎并没有降低浏览器的感知窗口高度，因此页面底部的元素被截断了。

编辑：重要的是添加栏总是粘在键盘上，即使焦点元素是<textarea>。这不是我的网站特有的问题。例如，如果我专注于搜索输入，这个栏将显示在 google.com 上。

有没有办法禁用/隐藏那个栏？

【问题讨论】：

你解决了吗？

否；看起来这个酒吧不会很快消失。我刚刚检查了适用于 iOS (14.7.1) 的 Chrome (91) @JonatanLundqvistMedén

【参考方案1】：

对于不需要自动填充的字段，然后将其放入所需的 <input> 字段 autocomplete="disabled" 而不是 autocomplete="off"

【讨论】：

设置 autocomplete="disabled" 没有删除 Chrome iOS 13.3.1 上的栏。此外，规范指定autocomplete="off" 作为禁用自动完成的正确方法。见w3.org/TR/html52/…

这行得通吗？ <input type=“search” autocomplete=“off” placeholder=“Placeholder” name=“searchTerm” /> 由于输入类型是 search iOS 不应该选择它来进行自动填充

它没有用。我在问题中添加了更多信息，指出这并不特定于 <input> 元素。

【参考方案2】：

这里有人讨论了一种解决方法：Disable Chrome Autofill creditcard

通过将自动完成设置为autocomplete="cc-csc"，它会强制 chrome 无法尝试并自动完成它，因为它不允许存储该值，这与 autocomplete="off" 不同，chrome 仍然可以尝试自动填充。我已经对此进行了测试，并且可以正常工作。

【讨论】：

它在 Chrome iOS 上不起作用。请考虑到这个问题可能根本与自动完成无关。无论autocomplete 值如何（如果有），该栏始终显示在任何网站的键盘顶部，在<input>s 和<textarea>s 上。我认为看到它的一个要求是必须在 Chrome 上保存信用卡/密码。