瀏覽器消除自動填充帳號密碼
阿新 • • 發佈:2019-02-02
瀏覽器自帶的記住密碼功能給使用者來了一定的便捷,同時也帶來了一些副作用,有些地方不需要卻也自動填充上了,為了解決這個問題前端工程師們絞盡腦汁換著各種黑魔法在添堵,目前也沒看到比較優雅的解決方式,下面這種方式能解決在Chrome下自動填充的問題,其他瀏覽器沒測過就布吉島了,感興趣的可以測試下相容性。
autocomplete=“new-password” 這個屬性比較關鍵
<form>
<div class="account">
<input type="text" id="username" placeholder="使用者名稱" autocomplete="new-password">
</div>
<div class="password">
<input type="password" name="" style="display:none;">
<input type="password" id="password" placeholder="密碼" autocomplete="new-password">
</div>
</form>