html - 在 Chrome for Android 中禁用输入时自动完成/自动填充
问题描述
编辑:这个问题特别涉及 Android 版 Chrome 上的自动填充!
这是我在 Android 上运行的渐进式网络应用程序的屏幕截图(因此它在 Chrome 中运行):
我几乎阅读了 stackoverflow 上标题中包含“禁用”和“自动填充”的每个主题,但我仍然无法找到解决方案。
在过去的一两年里,出现了几个不同版本的 Chrome,在某些版本中,以下建议之一奏效了:
- 属性 autofill="off"/"false"/etc... 或 autocomplete="off"/"false" 或 autocomplete="" 或 autocomplete="new-password" 在
<form>
元素上,如此处建议:2019,Chrome 76 , 关闭自动完成的方法 <input>
元素上的任何这些- 在真实属性之前具有这些属性之一的隐藏输入字段
- 此处建议的任何不在 WHATWG 列表中的 autocomplete="something":禁用 Chrome 63 中的自动填充
- 此处建议的所有输入字段上的属性 role="presentation" 和 autocomplete="nope":停止 Google 自动填充/自动完成破坏我的表单,禁用表单上的自动填充
- 元素上的 autocomplete="off" 与
<form>
元素上的 autocomplete="false" 的组合<input>
...如此处建议:禁用 HTML 中的自动填充 - 使用
input type="search"
(这实际上是我想要实现的),如建议的那样:2019, Chrome 76, approach to autocomplete off - javascript 解决方案,例如:https ://github.com/biesbjerg/jquery.disable-autofill
似乎对我的<input type="search">
. 有没有人有一个可行的解决方案>。
Chrome 自动填充我的搜索字段的问题在于,这些建议显示在我的 OWN 建议上,这些建议来自对我的数据库的异步调用......
任何帮助将非常感激。
解决方案
推荐阅读
- php - 如何使 vue-routes 工作
- java - 弹簧执行器端点在应用程序端口上不起作用
- python - 当变量在函数内部发生变化时如何更新字典值
- javascript - 如何在 React-Native 中加载 .wasm 文件?
- c# - 当该类型具有构造函数时,找不到类型 (...) 上的构造函数
- javascript - 如何在 JavaScript 中动态添加表格列?
- docker - 为 AIrflow 更改 docker compose
- javascript - 尝试使用chartsjs在圆环图中创建自定义工具提示,但它不起作用
- c++ - 为什么我不能编译 AMQP-CPP 示例代码?
- reactjs - 在本机反应中获取数据时如何显示ActivityIndictor