关闭表单自动填充和自动填充密码

浏览器默认会开启表单的自动填充。

1. 给整个表单设置禁用自动填充

在 form 标签中，添加 autocomplete 属性，并且值为 off。

<form method="post" action="/form" autocomplete="off">
...
</form>

2. 给单独一个输入元素禁用自动填充

在输入元素标签中，添加 autocomplete 属性，并且值为 off。

<form method="post" action="/form">
    <label for="cc">信用卡：</label>
    <input type="text" id="cc" name="cc" autocomplete="off">
</form>

3. 禁止自动填充密码

使用 autocomplete 属性的 new-password 值。

<input type="password" placeholder="请输入密码" autocomplete="new-password" />

注意点

1. autocomplete="off" 的两种情况
   （1）告诉浏览器不要在表单上自动填充之前保存的输入数据。
   （2）阻止浏览器缓存会话历史记录中数据。
2. 已设置 autocomplete="off"，但是依旧自动填充，则需要更改输入元素的 name 属性。
3. autocomplete="new-password" 用于禁止自动填充密码。