Chrome自动填充

Question

我一直试图找出Chrome自动填充错误字段的原因。我看到的每个教程都说会关闭，但这不是一个好主意，因为我的用户必须关闭他们的自动填充，这不是一个解决方案。这是我正在使用的代码。

    <form class="form" action="login.php" method="post" enctype="multipart/form-data" autocomplete="off">
        <div style="margin-top: 60px;margin-bottom: 20px;color: #b30000;" class="alert alert-error"></div>
          <center>
            <?php echo($_SESSION['loginerror']);?>
            <input style="margin-top: -40px;" type="text" placeholder="Email Address" name="email" required />

            <br>
            <input style="margin-top: 0px;" type="password" placeholder="Password" name="password" required>
            <br>
            <input type="submit" value="Log-In" name="submit"  style="width: 50%;margin-left: 20px;margin-top: 15px;" class="btn btn-block btn-primary" />
            <p style="margin-top: 10px;font-size: 12px;">Forgot your password? <a href="forgot.php">Click Here</a></p>
        </center>
        <br>

以下是用户看起来如何显示的屏幕截图。这是我的街道地址。

Answer 1

您可以使用type="email"为浏览器提供提示。

＆＃13;

＆＃13;

<input type="email" name="email">
<input type="password" name="password">

＆＃13;

＆＃13;

＆＃13;

Answer 2

将autofill属性添加到input，将解决此问题

<input ..... autocomplete="off">

  

P.N：我知道Firefox不会对此做出回应

check browser compatibility

Answer 3

您可以将其更改为以下

<input ... type="text" name="email" required>
<input ... type="password" name="password" autocomplete="new-password">

或

<input ... type="email" name="email" required>
<input ... type="password" name="password" autocomplete="new-password">