I have the following situation here:
I've created an HTML form to change the user's password if he forgets it.
Theproblemisthatwhentryingtoenterthepasswordthebrowserexposestheoptionsofpasswordsalreadysaved,howeverasthisisnotaloginscreenitisnotinterestingthatthisisdisplayedtotheuser.
TheHTMLcodeI'musingisasfollows:
<formid="form" action="@Url.Action("ResetPassword", "Login")" method="post">
<div id="enter-options-box">
<p class="title-bold">@ViewBag.UserId - @ViewBag.Identifier</p>
</div>
<label class="form-input">
<i class="material-icons"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></i>
<input class="password-mask"
type="password"
autocomplete="off"
id="NewPassword"
maxlength="16"
name="NewPassword"
required
onchange="VerifyInput('NewPassword', 'newPassword-text'); this.setCustomValidity('');"
oninvalid="this.setCustomValidity('Por favor, preencha este campo.')"
onkeyup="CalculeStrength('NewPassword', 'strengt-bar', 'strengt-label')"
title=" " />
<span id="newPassword-text" class="label">Nova senha</span>
<span class="underline"></span>
</label>
<div class="box-bar">
<div class="progress slin-bar">
<div id="strengt-bar" class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span id="strengt-label">Força da senha.</span>
</div>
<label class="form-input">
<i class="material-icons"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></i>
<input class="password-mask"
type="password"
autocomplete="off"
id="ConfirmPassword"
maxlength="16"
name="ConfirmPassword"
required
onchange="VerifyInput('ConfirmPassword', 'confirmPassword-text'); this.setCustomValidity('');"
oninvalid="this.setCustomValidity('Por favor, preencha este campo.')"
title=" " />
<span id="confirmPassword-text" class="label">Confirmar senha</span>
<span class="underline"></span>
</label>
<div class="submit-container clearfix">
<input id="submit" name="submit" role="button" type="submit" class="btn btn-irenic float-right" tabindex="0" value="SALVAR" onclick="ClickWait('form');" />
</div>
</form>
How can I prevent this list of saved passwords from appearing?
Why does the browser interpret this as a login screen?