如何在常规输入上隐藏 Android 密码建议功能区上的 Chrome

Question

Android 上的 Chrome 显示不相关输入的密码建议功能区，我找不到任何隐藏它的方法。

我有一个包含多个输入的表单（在 React 中创建）。 它们都是"text" 、 "date" 、 "number"或其他非登录表单相关类型。 它们中的每一个都具有autocomplete="off"和aria-autocomplete="none"两个属性。 周围的形式也具有这些属性。

无论我做什么，这个密码功能区都会出现在 Chrome 上，用于 Android。 （Chrome 版本 103.0.5060.70，在 Android 10 上运行）我似乎无法在网上找到任何有关它的信息。 Chrome 中没有设置或实验标志来禁用它，没有提示它显示的 HTML 属性，也没有隐藏它的属性。

色带导致两个问题：

1. 用户体验问题：显然，我不希望用户获得完全不相关输入的密码建议。
2. 布局问题：图像中显示的底部工作表位于bottom: 0处，密码功能区消失（不是视觉上而是从布局中消失）不到 50 毫秒，导致突然跳转。 （我可以通过使用top: {window.innerHeight}px手动将底部工作表定位到页面底部并使用 Framer 运动以 50 毫秒的延迟为该属性设置动画来解决此问题。

谁能告诉我有关此密码功能区的任何信息？

• 如何隐藏它？
• 为什么会显示？
• Chrome 中是否有设置，或者chrome://flags/中有一个标志来禁用它？

（有关应用程序的图像和在不相关的文本输入上显示的密码功能区，请参见下文。）

正在运行的功能区图像

Answer 1

这是一个 Chrome 错误。 见重复（ 防止 Android 键盘在 Chrome 中显示 HTML 输入的密码管理）

解决方法是在您的输入中设置type="search" 。