google-chrome - Chrome 不会缓存隐藏表单字段值以供在浏览器历史记录中使用

Question

我有一个 ASP.Net Web 表单，其中包含文本框字段和隐藏字段。使用客户端 JavaScript 动态修改隐藏字段值。发布表单、检查值并重定向到另一个页面都按预期工作。

但是，当我使用浏览器后退按钮显示上一页时，我希望看到所有表单字段仍填充有发布的值。

在 IE 和 Firefox 中，文本和隐藏输入字段都是这种情况。

在 Chrome 中，这只适用于文本字段。隐藏字段的值丢失了。

Chrome 在浏览浏览器历史记录时是否不会重新填充动态设置隐藏的表单字段值？

我已经整理了一个小样本来演示该问题，并可以在需要时提供。我想首先问这个问题，看看这是否是众所周知的行为以及我必须接受的事情。

Answer 1

这个问题可以通过一个小技巧来解决。

问题是 Chrome 浏览器无法正确处理 Type=hidden 且动态设置值的表单字段。

因此，解决方案是将字段类型更改为文本，并使用其他方法隐藏可见的文本框。这可以通过包围所有带有 DEV 标签对要隐藏的值的文本框并将样式指定为 display: none 来实现

然后在页面上您将不会看到带有隐藏值的文本框，并且它将与浏览器的 JavaScript 正常工作。

之前

<input type=hidden name=item_no value=00001>

之后

<div style="display: none">
    <input type=text name=item_no value=00001>
</div>