目前存在网站不要求保存凭据的问题。我保留了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>
答案 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>