Question

当我重新加载浏览器并显示登录页面时。用户名和密码的两个输入字段是使用chrome自动填充的。
但是登录按钮是灰色的，悬停时显示“不允许”光标。
如果单击页面中的任何位置，将启用登录按钮。这是我的登录表单代码：

<form name="form">
    <div class="form-group">
        <input type="email" id="login-email" class="form-control"
               name="email"
               ng-model="vm.data.email"
               required
               placeholder="Email Address">
    </div>
    <div class="form-group">
        <input type="password" id="login-password" class="form-control"
               name="password"
               ng-model="vm.data.password"
               required
               placeholder="Password">
    </div>
    <div class="form-group">
        <button type="submit" class="btn btn-rectangle btn-primary"
                ng-click="vm.submit()"
                ng-disabled="form.$invalid">Sign in
        </button>
    </div>
</form>

Answer 1

您可以尝试将自动完成功能设置为false。

<form name="form">
<div class="form-group">
    <input type="email" id="login-email" class="form-control"
           name="email"
           ng-model="vm.data.email"
           required
           placeholder="Email Address" autocomplete="false">
</div>
<div class="form-group">
    <input type="password" id="login-password" class="form-control"
           name="password"
           ng-model="vm.data.password"
           required
           placeholder="Password" autocomplete="false">
</div>
<div class="form-group">
    <button type="submit" class="btn btn-rectangle btn-primary"
            ng-click="vm.submit()"
            ng-disabled="form.$invalid">Sign in
    </button>
</div>

AngularJS ng-disabled不适用于自动填充

1 个答案: