我正在为我的网站实施重置密码功能。当用户使用此功能时,他们将通过一封电子邮件获得一个带有要单击的参数的链接,例如: http://wallpaper.local/confirm-re-password?email=batv@tohsoft.com&reset_code=1f18d2f9f0
访问链接,用户将获得此表格 Reset Password Form
这是表格的代码:
<div class="modal fade" id="myModalRePass">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<button id="btn-close-register-modal" type="button" class="close pull-right" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fas fa-times"></i></span>
</button>
<div class="image text-center">
<img :src="'/images/popup_reset.png'" alt="Register">
</div>
<h4 class="modal-title text-center">Re-Pass</h4>
<div class="list-field">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user fa-lg" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="reset_code" :value="reset_code" disabled>
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="email" placeholder="Email" :value="email" disabled>
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="password" placeholder="Password">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="confirmpassword" placeholder="Re-Type Password">
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer" style="margin: 0 auto;">
<button type="button" class="btn btn-success-toh" v-on:click="rePass">Reset Password</button>
</div>
</div>
</div>
</div>
可以看到,“代码”字段中没有与用户名相关的任何单词,但是当我单击“提交”时,在保存过程建议中,Chrome将代码建议为用户名。
是否仍然可以修改此Chrome建议以将电子邮件地址填写到输入字段中? Firefox,Opera,Edge确实会建议使用电子邮件而不是重置密码。
非常感谢您!