html - ページが更新された後、入力フィールドに値を保持する方法

Question

ユーザーがフォームに何かを入力しているときに更新ボタンを押した場合に、入力フィールドにテキストを保持する方法があるかどうかを知りたいです。

<form>
    <input type="text" name="aaa"/>
</form>

ページを更新した後、このテキストを入力フィールドに保持したい。出来ますか？誰かが適切な答えや参照を与えるのを手伝ってください。前もって感謝します..

Answer 1

ブラウザ自体にこれを強制することはできません。さらに、サーバー側のスクリプト言語は、ページの更新後に機能させたいので、ここでは役に立ちません。つまり、フィールドの値に関するサーバー側の知識がありません。したがって、これを行うには、Javascriptなどのクライアント側スクリプトを使用する必要があります。値がCookieまたはセッションで変更されたらすぐに保存し、Cookieまたはセッションからフォームに入力します。

Answer 2

これは、いくつかのJavaScriptで確実に可能です。入力フィールドへのすべての変更を追跡し、変更のたびに、入力フィールドの現在の値を SessionStorage または LocalStorage に保存できます。また、保存された値を入力フィールドに書き戻す onload ハンドラをインストールする必要があります。