修改自动检测用户名和密码以在Chrome上保存密码的建议

时间:2019-02-22 09:25:32

标签: javascript html css

我正在为我的网站实施重置密码功能。当用户使用此功能时,他们将通过一封电子邮件获得一个带有要单击的参数的链接,例如: 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 password suggestion

是否仍然可以修改此Chrome建议以将电子邮件地址填写到输入字段中? Firefox,Opera,Edge确实会建议使用电子邮件而不是重置密码。

非常感谢您!

0 个答案:

没有答案