如何关闭html输入表单字段的建议？

Question

建议我的意思是当你开始输入时会出现下拉菜单,它的建议是基于你之前输入的内容:

例如,当我在标题字段中键入"a"时,它会给我一些非常烦人的建议.有人知道如何关闭它吗？提前致谢.

Answer 1

你想要的是禁用HTML autocomplete属性.

在这里设置autocomplete ="off"有两个效果:

它会阻止浏览器保存字段数据,以便稍后在类似表单上自动完成,尽管启发式操作因浏览器而异.它会阻止浏览器在会话历史记录中缓存表单数据.当表单数据缓存在会话历史记录中时,用户填写的信息将在用户提交表单并单击"返回"按钮返回到原始表单页面后显示.

了解有关MDN网络的更多信息

这是一个如何做到的例子.

<form action="#" autocomplete="on">
  First name:<input type="text" name="fname"><br> 
  Last name: <input type="text" name="lname"><br> 
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form>

如果它在React框架上,则使用如下:

<input
    id={field.name}
    className="form-control"
    type="text"
    placeholder={field.name}
    autoComplete="off"
    {...fields}/>

反馈文档的链接

更新

这是一个更新,以修复一些浏览器跳过"autocomplete = off"标志.

<form action="#" autocomplete="off">
  First name: <input type="text" name="fname" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');"><br> Last name: <input type="text" name="lname" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');"><br> E-mail:
  <input type="email" name="email" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');"><br>
  <input type="submit">
</form>

Answer 2

添加以下两个属性会关闭所有字段建议（在 Chrome v85、Firefox v80 和 Edge v44 上测试）：

<input type="search" autocomplete="off">

Answer 3

在Chrome上，我们可以确定阻止所有表单填充的唯一方法是使用autocomplete="new-password"。将其应用到任何不应该具有自动完成功能的输入上，它将被强制执行（即使该字段与密码无关，例如，SomeStateId填充状态表单值）。 有关详细信息，请参见Chromium错误讨论中的此链接。

请注意，这只能在基于Chromium的浏览器和Safari上始终有效-Firefox对此没有特殊的处理程序new-password（有关详细信息，请参见此讨论）。

更新： Firefox即将面世！ Nightly v68.0a1和Beta v67.0b5（3/27/2019）功能支持new-passwordautocomplete属性，根据路线图，应于2019年5月14日发布稳定版本。

Answer 4

使用autocomplete="off"属性

引用:重要

将属性放在<input>元素上，而 不是放在<form>元素上