如何从输入标签中删除自动建议

Question

我需要有人告诉我如何删除输入字段下方的自动建议文本。我试过autocomplete="off"，autocomplete="false"。我还在表单标签中放置了<form autocomplete="off"></form>。

任何有解决方案的人请帮忙。

<div class="col-md-6">
    <div class="form-group">
        <span class="label">Enter Postal Code</span>
        <input type="text" class="form-control" id="search_input" autocomplete="off" placeholder="Type postal code ..." required>
    </div>
</div>

Answer 1

在这里你可以看到哪些浏览器支持自动填充属性CaniUse。以下是来自此来源的简单解决方法：Turning off form-autocompletion。

您可以使用 autofill="new-password"

“如果您正在定义一个用户管理页面，其中用户可以为另一个人指定新密码，因此您希望防止自动填充密码字段，您可以使用 autocomplete="new-password"。”

<form method="post" action="/form">
  <div>
    <label for="cc">Enter Postal Code:</label>
    <input type="text" id="cc" name="cc" autocomplete="new-password">
  </div>
</form>

最后，不是将<span> 与输入元素配对，而是使用<label> 元素。请在此处阅读更多内容label

Answer 2

将 autocomplete="off" 应用于您的表单而不是输入框。