输入字段无法正常工作

Question

我正在尝试创建一个登录表单。但该表单的文本和密码字段无法正常工作。我已在所有主流浏览器中测试了代码，但不同的浏览器提供了不同的输出。 Firefox显示我的密码字段已填充，chrome显示两个输入字段都已填充，但IE显示完美。我已经使用了“autocomplete”属性。但它没有改变任何东西。任何人都可以帮我摆脱这个恼人的问题吗？我的HTML代码 -

<form method="POST">
User Name : <input class="form" type="text" name="text" id="username" maxlength="100" size="20">
Password : <input class="form" name="password" type="password" id="password" maxlength="16" size="20"><br><br>
<input type="submit" name="submit">
</form>

屏幕截图： - [firefox，chrome，IE]

Answer 1

  

就铬而言：

您已保存用户名和密码。它是由铬预先抛光的。这就是为什么它表现出来的原因。

  

关于firefox

我猜你又在这里保存了密码。因为我已经在firefox中对它进行了测试，并且它正常呈现。否则，您已设置value属性。

在设置中，删除页面的已保存密码，然后尝试。

Answer 2

您编写的HTML无效且有未公开的元素，您的输入字段应以\>结尾，使您的代码如下所示：

<form method="POST">
User Name : <input class="form" type="text" name="text" id="username" maxlength="100" size="20"/>
Password : <input class="form" name="password" type="password" id="password" maxlength="16" size="20"/><br><br>
<input type="submit" name="submit"/>
</form>

由于您没有关闭输入字段，您的浏览器会自动代表您关闭它们，我会想象它已在<br>标记之后关闭它们，因此将它们渲染为输入字段的值。