禁止瀏覽器自動填充

如何禁止瀏覽器自動填充

• autocomplete 屬性規定輸入字段是否應該啓用自動完成功能

方法一：設置autocomplete=「new-password」

沒錯，autocomplete是能夠控制瀏覽器自動完成功能，但文檔裏說autocomplete=「off」能夠禁止瀏覽器自動填充，通過實際操做一試，然而並不能，autocomplete=「off」已經失效了，通過探索發現autocomplete=「new-password」(注意：在像vue，react等項目中應該用駝峯命名法autoComplete)加到對應的input[type=password]中就能夠了,此方法在Chrome瀏覽器中有效，像Firefox又不起做用了

方法二：添加<input type="password" hidden>

Firefox瀏覽器能夠在表單裏添加<input type="password" hidden>，在添加<input type="password" hidden>後面的input都不會被自動填充，想要整個表單都不被填充，將它添加到表單最前面便可，可是此方法在Firefox瀏覽器中有效，Chrome又不起做用了

終極方法：能夠解決瀏覽器的兼容性的方法

將兩種方法組合到一塊兒，添加<input type="password" hidden>並設置autocomplete=「new-password」，查看一下，Chrome跟Firefox都生效了