让页面告诉浏览器不要缓存/保存输入值

2018-06-19 21:58:18

大多数浏览器缓存表单输入值。所以当用户刷新页面时，输入具有相同的值。

这是我的问题。当用户单击保存时，服务器验证已发布的数据（例如已检查的产品），如果无效，则将其发送回浏览器。但是，如上所述，即使服务器清除某些值的选择，它们仍可能因浏览器缓存而被选中！我的数据不可见（直到父项被选中）复选框，所以用户可能甚至不知道仍然选择了一些先前的值，直到再次点击保存并获取错误消息 - 即使用户认为它不是。这是令人烦恼的。

这可以通过执行Ctrl-F5来解决，但它甚至不是解决方案。有没有一种自动/编程的方式告诉浏览器不要缓存某些表单/页面上的表单输入数据？

你是否明确地将这些值设置为空白？例如：

<input type="text" name="textfield" value="">

这应该会阻止浏览器将数据放在不应该在的位置。或者，您可以将autocomplete属性添加到表单标记中：

<form autocomplete="off" ...></form>

从stackoverflow参考

如果浏览器已经保存了值，所以它不适用于value =“”

对于输入标签，可以设置属性自动完成：

<input type="text" autocomplete="off" />

您也可以使用自动填充功能。

另一种方法是在HTML中的表单之后立即使用JavaScript重置表单。

<form id="myForm">
  <input type="text" value="" name="myTextInput" />
</form>
<script type="text/javascript">
  document.getElementById("myForm").reset();
</script>

链接地址: http://www.djcxy.com/p/56033.html

上一篇: Make page to tell browser not to cache/preserve input values

下一篇: What values can appear in the "selected" attribute of the "option" tag?