如何在常規輸入上隱藏 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" 。