網頁輸入框input填寫內容自動記憶功能怎么去除

我們在做前端的html網頁模板的時候，免不了要制作一些輸入框，供使用者輸入信息實現人機交互。一般情況下我們都會使用如下的HTML代碼來生成單行輸入框：

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

這是一個很簡單的HTML代碼，其效果就是可以在前端頁面輸出一個輸入框供用戶輸入內容。通常情況下，瀏覽器對曾經在輸入框中輸入的內容是有記憶功能的，這個功能可以給我們帶來一定的方便，當您輸入一部分字符的時候，瀏覽器就會把之前輸入過的與之相關的字符串都顯示出來供您選擇。

但是，有的時候我們並不希望瀏覽器把過往輸入的信息都顯示出來，例如登錄頁的用戶名輸入框，通常我們不希望在輸入框里面留下用戶名的信息。所以在不需要提示的情景下，我們希望能夠把input輸入框的自動記憶功能去掉。

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

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

上面這行代碼就可以實現去除瀏覽器input輸入框的自動記憶功能。我們比較一下兩行代碼可以發現，其實第二行代碼只是增加了“autocomplete”屬性，並且我們把這個屬性的值設置成“off”，這樣就可以實現去掉input的自動記憶功能了。