Safari:自定义自动完成和系统联系自动填充之间的冲突

qqi*_*ihq 6 html safari autocomplete autofill angular-strap

我们有一个网页,其中包含<input>我们附加自定义自动完成组件的文本(准确地使用AngularStrap的Typeahead).

Safari显然认为,输入包含一个人的姓名,因此提供了一个自动填充菜单,其中包含从系统地址簿中填充的值(截屏顶部的小菜单;还要注意Safari添加的相应图标,以绿色圈出).

截图 - 自动填充

这导致以下问题:

  1. 该字段标题为"名称",但并不意味着包含人名.因此提供个人建议毫无意义.

  2. Safari的内置菜单模糊了我们的自定义建议菜单,如Safari的建议下面的屏幕截图所示.

我尝试了以下方法来摆脱Safari的建议:

  1. name和" id属性"中的属性更改为"title"或"GoToHellSafari".没有帮助.

  2. 添加autocomplete="off",添加autocomplete="false".没有帮助.

  3. 实际更改文本<label>的东西除了"名称",如"标题".这样,自动填充消失了.

  4. id之间的连接会<input><label>通过删除idname属性.没有帮助.

虽然选项(3)看起来很有希望,但我有以下明显的问题:我希望该标签读作"Name".有什么建议?

Ant*_*ton 1

该用户有一个很好的解决方案,您可以完全隐藏自动填充按钮: /sf/answers/2791955071/