制作页面以告知浏览器不要缓存/保留输入值

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

这是我的问题。用户单击“ 保存”时，服务器将验证POST数据（例如，检查的产品），如果无效，则将其发送回浏览器。但是，如上所述，即使服务器清除了某些值的选择，由于浏览器缓存的原因，它们仍可能被选中！

我的数据具有不可见的（直到父项被选中）复选框，因此用户甚至可能不知道以前的某个值仍处于选中状态，直到再次单击“ 保存”并收到错误消息-即使用户认为没有。这很烦人。

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

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

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

那应该停止浏览器将数据放到不应该放的地方。或者，您可以将autocomplete属性添加到表单标签：

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

从堆栈溢出参考

如果浏览器已经保存了值，则它不能与value =“”一起使用，因此您应该添加它。

对于输入标签，您可以设置属性autocomplete：

<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>

基本上，有两种清除缓存的方法：

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

要么

$('#Textfiledid').attr('autocomplete', 'off');

这在更新的浏览器中对我有用：

autocomplete="new-password"