HTML中的自动完成功能无法正常工作

时间:2014-06-22 04:41:20

标签: html forms autocomplete

我只是使用简单的登录页面进行测试。这是3个文本形式。 用户名,EmailAddress,密码。 当我把值放在那里时,点击提交,自动完成仅适用于其中两个。表格(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>

enter image description here

1 个答案:

答案 0 :(得分:2)

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

<!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>