html關閉輸入框自動帶入


在輸入帳密的地方現在瀏覽器通常會自動帶入儲存的帳密,這在建立帳號的地方會造成很多麻煩,通常會進行這種設定來關閉。

方法

比較早期的方法在form和input中加入autocomplete=“off"都不起作用
現在在autocomplete中改用new-password就可以了

<form action="" method="post" autocomplete="off">
	<input type="password" autocomplete="new-password">
</form>

另外經過測試目前只要是new-開頭都能起作用,所以可以用對應欄位功能的名稱避免混淆功能。
EX

<input type="text" autocomplete="new-account" required>

參考資料

https://stackoverflow.com/questions/61889676/when-i-have-autocomplete-off-why-does-it-still-fill-html-inputs-if-saved-in-bro

Tags : html