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

Question

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

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

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

色带导致两个问题:

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

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

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

(请参阅下面的应用程序图像和在不相关的文本输入上显示的密码功能区。)

Image of the Ribbon in action

Answer 1

这是一个 Chrome 错误。查看副本 ( Prevent Android keyboard in Chrome from showing password management on HTML input )

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