入力値をキャッシュ/保存しないようブラウザに指示するページを作成します

ほとんどのブラウザはフォーム入力値をキャッシュします。したがって、ユーザーがページを更新すると、入力の値は同じになります。

これが私の問題です。ユーザーが[ 保存]をクリックすると、サーバーは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>

基本的に、キャッシュをクリアするには2つの方法があります。

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

または

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

これは私にとって新しいブラウザでうまくいきました：

autocomplete="new-password"