Firefox 输入密码时出现错误？

Question

我在开发的应用程序中遇到问题，如果我有类型为“密码”的输入字段，则另一个输入字段将填充来自完全不同元素的数据。

如果我将“password”元素的类型设置为“text”，则没有问题。

不幸的是，我无法发布 jsFiddle 的示例，但我四处搜索并发现其他人在使用旧版本的 Firefox 时遇到问题。

我正在使用版本:43.0b9 和 Firebug 2.0.13

IE、Chrome 和 Safari 不会在加载完全相同的页面时执行此操作，但它在 FireFox 中非常可重复且非常可靠。

我设置了属性 autocomplete="off"但没有区别。

这个问题让我摸不着头脑...我已经注释掉了几乎所有内容，但问题仍然出现，我的名字和登录密码如何找到两个 INPUT 元素，Chrome 中的同一页面， IE 和 Safari 不会执行此操作。

Answer 1

我遇到了同样的问题，在阅读了其他类似问题的答案后终于解决了:https://stackoverflow.com/a/10745884/6938721

就我而言，我有很多输入字段分为多个字段集，并通过 AJAX 发送它们。

好吧，解决方案是包围每个 <fieldset>...</fieldset>与 <form>...</form>标签。

最初我有这样的东西:

<fieldset>
    <input type="text" name="field1">
    <input type="password" name="field2">
    <input type="password" name="field3">
</fieldset>

<fieldset>
    <input type="text" name="field4">
    <input type="password" name="field5">
    <input type="password" name="field6">
</fieldset>

应用解决方案后，我得到:

<form>
    <fieldset>
        <input type="text" name="field1">
        <input type="password" name="field2">
        <input type="password" name="field3">
    </fieldset>
</form>

<form>
    <fieldset>
        <input type="text" name="field4">
        <input type="password" name="field5">
        <input type="password" name="field6">
    </fieldset>
</form>

编辑:

关键是 <form> 内的密码输入不要超过 3 个堵塞。该文档的工作方式为 <form>自行阻止

希望这有帮助