网站未提示保存登录凭据

时间:2018-04-16 19:27:24

标签: javascript html5 knockout.js login-control

目前存在网站不要求保存凭据的问题。我保留了type ="按钮"因为我们在js中调用一个函数。关于为什么它可能不起作用的任何想法?

                <form>
                    <div class="card card-default p-4">
                        <div class="form-group">
                            <label class="m-0 text-bold">Username</label>
                            <input required type="text" class="form-control" placeholder="example@domain.com" data-bind="value: username">
                        </div>

                        <div class="form-group">
                            <label class="m-0 text-bold">Password</label>
                            <input required type="password" class="form-control" placeholder="" data-bind="value: password" autocomplete="on">
                        </div>

                        <div class="form-group mt-2">
                            <div class="row">
                                <div class="col-md-6 col-lg-5">
                                    <button class="btn btn-block btn-outline-primary m-0" type="button" data-bind="click: signin">LOGIN</button>
                                </div>
                                <div class="col-md-6 col-lg-7 mt-2 mt-md-0 d-flex align-items-center">
                                    <a class="forgot-password" href="#forgotpassword">Forgot password?</a>
                                </div>
                            </div>
                        </div>
                    </form>

1 个答案:

答案 0 :(得分:1)

如果我没记错用户名&amp;密码&#39;自动填充&#39;在浏览器中没有标准化。各个浏览器检测表单中的名称属性。查看此文章的Chrome浏览器。 https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

我从过去的经验中发现了

name="username"&amp; name="password"通常会使自动填充功能适用于大多数浏览器。

   <form>
    <div class="card card-default p-4">
        <div class="form-group">
            <label class="m-0 text-bold">Username</label>
            <input name="username" required type="text" class="form-control" placeholder="example@domain.com" data-bind="value: username">
        </div>

        <div class="form-group">
            <label class="m-0 text-bold">Password</label>
            <input name="password" required type="password" class="form-control" placeholder="" data-bind="value: password" autocomplete="on">
        </div>

        <div class="form-group mt-2">
            <div class="row">
                <div class="col-md-6 col-lg-5">
                    <button class="btn btn-block btn-outline-primary m-0" type="button" data-bind="click: signin">LOGIN</button>
                </div>
                <div class="col-md-6 col-lg-7 mt-2 mt-md-0 d-flex align-items-center">
                    <a class="forgot-password" href="#forgotpassword">Forgot password?</a>
                </div>
            </div>
        </div>
</form>