网页输入框input填写内容自动记忆功能怎么去除

我们在做前端的html网页模板的时候，免不了要制作一些输入框，供使用者输入信息实现人机交互。一般情况下我们都会使用如下的HTML代码来生成单行输入框：

<input type="text" name="name">

这是一个很简单的HTML代码，其效果就是可以在前端页面输出一个输入框供用户输入内容。通常情况下，浏览器对曾经在输入框中输入的内容是有记忆功能的，这个功能可以给我们带来一定的方便，当您输入一部分字符的时候，浏览器就会把之前输入过的与之相关的字符串都显示出来供您选择。

但是，有的时候我们并不希望浏览器把过往输入的信息都显示出来，例如登录页的用户名输入框，通常我们不希望在输入框里面留下用户名的信息。所以在不需要提示的情景下，我们希望能够把input输入框的自动记忆功能去掉。

怎么去掉呢？看下面的代码：

<input type="text" name="name" autocomplete="off">

上面这行代码就可以实现去除浏览器input输入框的自动记忆功能。我们比较一下两行代码可以发现，其实第二行代码只是增加了“autocomplete”属性，并且我们把这个属性的值设置成“off”，这样就可以实现去掉input的自动记忆功能了。