问题
In the Chrome browser, I have saved the username and the password.
Now, if I navigate to some other form and it contains the username and password for some other stuff, the one I saved is auto-populated here.
How can I stop this?
回答1:
When autocomplete=off
would not prevent to fill in credentials, use following -
fix browser autofill in: readonly and set writeble on focus (click and tab).
<input type="password" readonly onfocus="this.removeAttribute('readonly');" onblur="this.setAttribute('readonly','');"/>
回答2:
For Fire fox browser use this:
<input type="text" name="prevent_autofill" id="prevent_autofill" value="" style="display:none;" />
<input type="password" name="password_fake" id="password_fake" value="" style="display:none;" />
<input type="password" name="password" id="password" value="" />
For Chrome browser:
use autocomplete="new-password"
回答3:
Please refer to the following:
https://www.chromium.org/developers/design-documents/create-amazing-password-forms
and https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands
Try the following :
<form id="login" action="signup.php" method="post">
<input type="text" autocomplete="username">
<input type="password" autocomplete="new-password">
<input type="password" autocomplete="new-password">
<input type="submit" value="Sign Up!">
</form>
回答4:
Simple: there's an HTML5 attribute called autocomplete.
Just set it to off
.
<input autocomplete="off"/>
来源:https://stackoverflow.com/questions/23646953/stop-browser-from-auto-filling-the-form-username-and-password-fields