javascript - Firefox 中的表单字段在按下后退按钮后不记得输入的数据

Question

通常，如果您在表单字段中键入文本，然后离开页面，然后按返回按钮返回，文本应该仍然存在。

但是，在 firefox 中，如果您使用 javascript 在页面中的某处插入另一个表单元素，则动态插入的表单下方的所有表单将不再像它们应该的那样记住输入的文本。

参见 http://jsfiddle.net/NUC3w/7/用于演示。

在 firefox 中，在 2 个字段中输入数据，单击链接，然后单击后退按钮。不记住第二个表单输入值。注释掉表单的javascript插入，一切正常。

它在 Chrome 和 IE8 中按预期工作。

Answer 1

没有预期的特定行为。这种行为没有标准，也就没有绝对的对错。

Firefox 在重新填充字段时只是限制性更强。当字段的顺序与您离开时页面的外观不匹配时，它显然会停止尝试将字段与以前的数据匹配。

您提到的其他浏览器在重新填充字段的方式上似乎更加宽松。这当然也意味着他们在某些情况下将错误信息输入字段的风险更高。

您可以通过仅在最后添加字段来降低行为差异的风险，但只要您使用客户端脚本添加字段，就不能指望所有浏览器的行为都相同。