关闭表单自动填充

默认情况下,浏览器会记录用户网页上提交的输入框的信息。这使得浏览器能够提供自动补全(在用户开始输入的时候给用户提供可能的内容)和自动填充(在加载的时候预先填充某些字段)功能。

 

要禁用的表单自动填充,你可以将 autocomplete 的属性设置为 "off":

autocomplete="off"

可以为整个表单设置或为表单中某个输入元素单独设置:

<form method="post" action="/form" autocomplete="off">
[…]
</form

设置 autocomplete="off" 会有两种效果:

  • 这会告诉浏览器,不要为了以后在类似表单上自动填充而保存用户输入的数据。但浏览器不一定遵守。
  • 这会阻止浏览器缓存会话历史记录中的数据。若表单数据缓存于会话历史记录,用户提交表单后,再点击返回按钮返回之前的表单页面,则会显示用户之前输入的数据。

如果即使在 autocomplete 已经设置为 off 时,浏览器仍继续提供输入建议,那么你需要更改输入元素的 name 属性。

 

使用 autocomplete="new-password" 阻止自动填充

如果你定义了一个用户管理页面,其中用户可以为其他人指定新的密码,因此你想阻止密码字段的自动填充,你可以使用 autocomplete="new-password"

这只是一个提示,浏览器不一定要遵守。但现代浏览器都已停止在设置了 autocomplete="new-password" 的 <input> 元素上使用自动填充。

posted @ 2022-07-11 17:16  light-bearer  阅读(187)  评论(0编辑  收藏  举报