在 iOS 13 Chrome 上，当专注于文本输入时，即使输入的属性 type 设置为 @987654324，键盘顶部也会显示一个宽灰色条，其中只有几个用于密码和信用卡自动完成的按钮@ 和 autocomplete 设置为 "off"。
除了不需要之外，这个栏似乎并没有降低浏览器的感知窗口高度，因此页面底部的元素被截断了。
编辑：重要的是添加栏总是粘在键盘上，即使焦点元素是<textarea>。这不是我的网站特有的问题。例如，如果我专注于搜索输入，这个栏将显示在 google.com 上。
有没有办法禁用/隐藏那个栏？
【问题讨论】：
标签： html ios google-chrome autocomplete credit-card
对于不需要自动填充的字段，然后将其放入所需的 <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> 元素。
这里有人讨论了一种解决方法：Disable Chrome Autofill creditcard
通过将自动完成设置为autocomplete="cc-csc"，它会强制 chrome 无法尝试并自动完成它，因为它不允许存储该值，这与 autocomplete="off" 不同，chrome 仍然可以尝试自动填充。我已经对此进行了测试，并且可以正常工作。
【讨论】：
autocomplete 值如何（如果有），该栏始终显示在任何网站的键盘顶部，在<input>s 和<textarea>s 上。我认为看到它的一个要求是必须在 Chrome 上保存信用卡/密码。