HTML 中的自动完成功能实际上不起作用答案

【问题标题】：Auto complete in HTML doesn't really workHTML 中的自动完成功能实际上不起作用
【发布时间】：2014-06-22 04:41:20
【问题描述】：

我只是用一个简单的登录页面进行测试。这里有 3 个文本形式。用户名、电子邮件地址、密码。当我把值放在那里时，点击提交，然后自动完成其中只有 2 个的作品。而且表格（EmailAddress）根本没有填写。我只是想不通为什么自动完成在 EmailAddress 上不起作用。

<!DOCTYPE html>
<html>
    <head>
        <title>Log in Page</title>
    </head>

    <body>
        <form action="login.php" method='post'>
        <p><strong>Login Page </strong></p>
        <p>Username:<input name="username" type="text" ></p>
        <p>EmailAddress:<input name="email" type="text" ></p>
        <p>Password:<input name="password" type="password""></p>
        <p><input type="submit" name="Submit" value="Login"></p>
        </form>
    </body>

</html>

【问题讨论】：

stackoverflow.com/questions/22636673/…
您想自动完成还是抱怨它没有被阻止？如果您添加了自动完成功能 - 例如使用 jQuery/Ajax，请向我们展示代码
@mplungjan：我只是想对所有表单进行自动完成工作或完全阻止。而且我这里不使用 jQuery/Ajax。

标签： html forms autocomplete

【解决方案1】：

尝试设置自动完成值。它应该默认为打开，但我会尝试添加它。您的浏览器也可能已经记录了自动完成的数据（至少从图像上看），这可能意味着浏览器不再尝试查找任何内容。尝试重命名所有字段和表单（当然只是为了测试一下），看看您的浏览器是否在提交时询问您是否保存表单数据。

<!DOCTYPE html>
<html>
    <head>
        <title>Log in Page</title>
    </head>

    <body>
        <form action="login.php" method='post'>
        <p><strong>Login Page </strong></p>
        <p>Username:<input name="username" type="text" ></p>
        <p>EmailAddress:<input name="email" type="text" autocomplete="on"></p>
        <p>Password:<input name="password" type="password""></p>
        <p><input type="submit" name="Submit" value="Login"></p>
        </form>
    </body>

</html>

【讨论】：

谢谢，你是对的。浏览器已经记录了数据（因为我测试了一些东西。），我无法摆脱它们。而且我真的不知道一旦浏览器获取数据，它就会变成黄色。现在我有了主意。