[解決済み] ブラウザに入力値をキャッシュ/保存しないように指示するページを作成する
2022-08-04 01:51:46
質問
ほとんどのブラウザは、フォームの入力値をキャッシュしています。そのため、ユーザーがページをリフレッシュしたとき、入力は同じ値を持っています。
ここで問題が発生しました。ユーザーが 保存 をクリックすると、サーバーはPOSTされたデータ(チェックされた製品など)を検証し、有効でない場合はブラウザに送り返します。ただし、前述のとおり、サーバーが一部の値の選択を解除しても、ブラウザのキャッシュにより選択されたままになることがあります
私のデータには不可視の (親項目が選択されるまで) チェックボックスがあるため、ユーザーは以前の値がまだ選択されていることに気付かず 保存 をクリックすると、エラー メッセージが表示されます。これは苛立たしいことです。
これを解決するには Ctrl + F5 というものですが、解決策にすらなっていません。あるフォーム/ページでフォーム入力データをキャッシュしないようにブラウザに指示する自動的/プログラム的な方法はありますか?
どのように解決するのですか?
明示的に値を空白にしていませんか?例えば
<input type="text" name="textfield" value="">
これで、ブラウザがデータを入れるべきでないところに入れるのを止めることができるはずです。別の方法として
autocomplete
属性を追加することもできます。
<form autocomplete="off" ...></form>
関連
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] ページロード後にJavaScriptを実行させるには?
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] ウェブブラウザに画像をキャッシュさせない方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTML IFステートメント
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)