【我不熟悉的html】input框关闭自动填充，以及自动填充的下拉列表，autocomlete=“off“ 、修改name属性

预警，基础知识，菜鸟必看，大佬请绕道

今天在关闭chrome输入框自动填充时，我知道是使用autocomlete属性，但是一时之间，竟然记不起来应该设置什么值，以为是这样写autocomlete="false"，很显然不对，可能是好久没用了，所以今天来重新回顾一下autocomlete这个属性，加深一下印象。

The HTML 自动完成属性 - HTML（超文本标记语言） | MDNHTML autocomplete 属性可用于以文本或数字值作为输入的 元素， 元素，<select> 元素，和<form> 元素。 autocomplete 允许 web 开发人员指定，如果有任何权限 user agent 必须提供填写表单字段值的自动帮助，并为浏览器提供关于字段中所期望的信息类型的指导。</span><span class="link-link"><img alt=" " class="link-link-icon" data-cke-realelement="%3Cimg%20class%3D%22link-link-icon%22%20alt%3D%22%20%22%20src%3D%22https%3A%2F%2Fdeveloper.mozilla.org%2Ffavicon-48x48.cbbd161b.png%22%2F%3E" src="https://developer.mozilla.org/favicon-48x48.cbbd161b.png"/>https://developer.mozilla.org/zh-CN/docs/Web/HTML/Attributes/autocomplete</span></span>首先牢记，关闭自动填充的语法

<input autocomplete="off" />

回想一下，我参与的项目中，除了off这个值，其他的值貌似也没有经常用的，所以在我看来这个autocomplete在项目实践过程中用处并不大。所以其实大多数情况下，你不写这个值也没什么。但是下面这种情况是常用的，也需要谨记！

第二个常用的值是new-password

new-password: 新密码。创建新帐户或更改密码时，应将其用于“输入新密码”或“确认新密码”字段，而不是通常出现的“输入当前密码”字段。浏览器可以使用它来避免意外填写现有密码，并在创建安全密码时提供帮助

如何关闭表单自动填充 - Web 安全 | MDN

<input autocomplete="new-password" /> 

 还不好使？？？那么终极解决办法就是多个input元素使用不重复的name属性

给每个input都设置唯一的name属性，那么浏览器就不知道要填充谁了，常用的方法就是使用时间戳，或者随机数，随机数可能重复，所以还是时间戳吧

<!-- 在vue中, 使用时间戳给input 设置name属性-->
<input :name="'myna name' + new Date()" autocomplete="off" /> 

总之，本篇文章两个知识点

1. 使用 autocomplete="off"， 关闭自动填充

2. 在密码输入框中，使用autocomplete="new-password"，阻止密码自动填充

3. 使用时间戳，设置 input 元素的name 属性