1. 程式人生 > >HTML表單禁止填充問題

HTML表單禁止填充問題

瀏覽器自動填充使用者名稱與密碼問題:

根據網上找到的各種方法總結說是在前面加一個隱藏的輸入框,例如:
1.設定autocomplete=”off”能去除chrom自動填充
2.新增隱藏輸入框,設定autocomplete=”off”,所有瀏覽器不再出現自動填充問題

<input type="text" style="display:none;">
<input type="password" style="display:none;">
<input type="password" name="xx" id='xx' value="" autocomplete="off"
>

3.為隱藏的輸框設定相同的id屬性,而提交表單只用到name,因此設定相同的id屬性即可保證所有瀏覽器不再出現自動填充問題

<input type="text" style="display:none;">
<input type="password" id="xx" style="display:none;">
<input type="password" name="xx" id='xx' value="" autocomplete="off">

經過測試發現以上方法並沒有起作用,經過各種查詢與測試發現需要autocomplete設定為“new-password”

<input type="text" style="display:none;">
<input type="password" style="display:none;">
<input type="password" name="xx" id='xx' value="" autocomplete="new-password">

經測試發現只要密碼符合了不自動填充,使用者名稱自動填充也不會發生,即使不新增使用者名稱隱藏的輸入框,也不影響;

結論:
若需要實現使用者名稱與密碼的不自動填充問題,只要密碼不自動填充使用者也不會發生

谷歌瀏覽器可以直接設定密碼輸入框即可實現:

<input type="password" name="xx" id='xx' value="" autocomplete="new-password">

若需要谷歌與火狐均實現需要以下即可:

<input type="password" style="display:none;"><!--設定火狐-->
<input type="password" name="xx" id='xx' value="" autocomplete="new-password">