フォームから移動しても入力内容を保持し続けたい

Question

前提・実現したいこと

15分調べて分からなかったため、初めて質問させていただきます。
フォーム（form.php）からサイト内の別ページに移動したときに入力内容を保持し、再度フォームにアクセスしたときに前回の入力内容を表示したいです。
（一度送信完了するか、サイトから離脱するまでの間は保持される仕様で考えております）。

当初phpのsessionを利用すればできるのでは、と思ったのですがフォーム以外のページがhtmlのため、
他のページに遷移したら残せないようです・・。

【フォーム以外】
index.html
hoge.html
hogehoge.html

【フォーム部分】
form.php
confirm.php
thanks.php

このような構造のホームページでも一度入力された値を保持できるのでしょうか？それともそもそもの考え方が間違っているでしょうか？
こういう調べ方をしたらいいよというアドバイスでも大歓迎ですので、ヒントをいただければ幸いです。

発生している問題・エラーメッセージ

フォームから別ページへ遷移すると入力内容が消えてしまいます。

該当のソースコード

フォームはおおまかにこのようになっております。
（※フォーム部分追記・修正いたしました）

<form method="post" id="spform" action="confirm.php"> <p>hoge<input type="number" name="hoge" /></p> <p>hoge1<input type="text" name="hoge1" /></p> <p>hoge2<input type="text" name="hoge2" /></p>

<p class="submit_button" align="center">
	<input type="submit" value="　 確認画面へすすむ 　" />
</p>

</form>

試したこと

sessionにフォーム入力内容を保持しようとしましたが、確認画面にも遷移していないため不可能でした。

補足情報（FW/ツールのバージョンなど）

Dreamweaver CS6にて開発しております。

Comments

[退会済みユーザー]

<form>要素に指定している action にはどのような値がセットされていますか？

[sankai]

Kosuke_Shibuyaさま　ありがとうございます。action="confirm.php"となっております。

Answer 1

session に近しいものとしてWeb StorageのLocal Storage というものがあります。
私も余り詳しくないので大雑把に説明すると、ユーザー側に値を保持させて、必要な画面でその値を取得できるような感じですね。
session との違いとしては、session はブラウザを閉じれば終了、local Storage はブラウザを閉じても元が同じなら有効で別ウィンドウからでもアクセスできるという感じです。
対応ブラウザとしてもほとんどのブラウザでサポートされているので、使えない！というのはあまり無かったと記憶しています。
仕様としては連想配列のようにKeyValueで制御します。

『元が同じなら有効』ということなので、sankaiさんの要件にももしかしたら使えるのでは？と思いますがPHPで制御するというよりも、javaScriptを用いた制御がメインになります。

イメージとしては以下のような感じです。
①フォームで入力された値をjsのAjax等でPHPに送る
②DB格納等のphpの内部処理結果をAjaxの返却値で受け取り、結果OKでlocalStorageに保存、NGでエラーメッセージ等表示
③必要なページでjsでlocalStorageから取り出し、表示

というような処理が考えられます。
要件に合わせて色々変更が必要な点はあると思いますが、パッと思いついたのはこれぐらいです。

Comments

[sankai]

mikan_s4nさま
ご回答ありがとうございます！！
いただいたアドバイスを元に1度試験的に実装してみたいと思います。

Answer 2

localStorageで調整する方がよいかもしれませんが
めんどくさければinput毎にセッションをセットするようajaxで処理するとかでも

main.php

<?PHP
session_start();
$hoge=filter_var($_SESSION["hoge"]);
?>
<script>
$(function(){
  $('#hoge').on('input',function(){
    $.ajax({
    url:"set_session.php",
    data:{hoge:$(this).val()},
    });
  });
});
</script>
<input type="text" name="hoge" id="hoge" value="<?PHP print htmlspecialchars($hoge;)?>">

set_session.php

<?PHP
session_start();
$hoge=filter_input(INPUT_GET,"hoge");
if(!is_null($hoge))$_SESSION["hoge"]=$hoge;
?>

Comments

[sankai]

yambejpさま
わざわざコードまでご回答くださりありがとうございます・・！！
いただいたコードにて実装し、テストを行ってみます。
本当にありがとうございます！

Answer 3

例えばですが、数秒ごと、もしくはページ離脱時にJavascriptでCookieにデータを保存、
フォームの再表示時にはJavascriptなりPHPなりでCookieからデータを取得して入力済みにする、などではいかがでしょうか。

Comments

[sankai]

Takumibooさま
ご回答ありがとうございます！
全く思いつかなかった方法で大変勉強になります・・！