form入力値の保持について

Question

form内容確認後、戻るボタンを押しても一部のブラウザでは入力値が保持されません。
firefox(mac)では動作せず。
※Googleクロム(mac)、Safari(mac)は動作しました。
ウィンドウズでは確認していません。

<input type="button" onclick="history.back()" value="戻る">

ブラウザに依存されるらしいのですが、firefox(mac)でも動作できるようにするにはどのようにすればいいのでしょうか？
またウィンドウズでも動作されるようにするためには別のコードを追加で入力する必要があるのでしょうか？

よろしくお願いいたします。

Answer 1

「戻る」ボタンについては、一定の決まりがあるわけではないので
ブラウザによって挙動が異なるのは仕方ないでしょう。
サービス提供側が「戻る」を推奨するのはあまり頭のいい方法ではありません。
セッションなどをからめて戻れないページをつくるようにしてください
再入力をさせる場合は戻るのではなく再入力ページに進むような仕様が妥当です。

どうしてもなんとかしたいのでしたら、動作は保証されませんが
onloadとクッキーやlocalstorageを組み合わせれば、場合によっては
読んでくれる可能性はあります

同じページに飛ばしていくサンプル

session_start();
$x=filter_input(INPUT_POST,'x',FILTER_DEFAULT,["options"=>["default"=>""]]);
$t1=filter_input(INPUT_POST,'t1',FILTER_DEFAULT,["options"=>["default"=>""]]);
$t2=filter_input(INPUT_POST,'t2',FILTER_DEFAULT,["options"=>["default"=>""]]);
$err=["t1"=>"","t2"=>""];

if($x==="" and isset($_SESSION["x"])){
 $x=$_SESSION["x"];
}

/* 以下、エラーチェック */
if($x==="確認"){
  if($t1===""){
    $err["t1"]="空だよ";
    $x="エラー再入力";
  }
  if($t2===""){
    $err["t2"]="空だよ";
    $x="エラー再入力";
  }elseif(!is_numeric($t2)){;
    $err["t2"]="数値じゃないよ";
    $x="エラー再入力";
  }
  if($x!=="エラー再入力"){
    $_SESSION["t1"]=$t1;
    $_SESSION["t2"]=$t2;
  }
}
/* debug 出力 */
print "error:";print_r($err);
print "session:";print_r($_SESSION);
print "<hr>";

switch($x){
default:
unset($_SESSION["t1"],$_SESSION["t2"],$_SESSION["x"]);
print <<<eof
<form method="post">
適当な文字：<input type="text" name="t1"><br>
適当な数値：<input type="text" name="t2"><br>
<input type="submit" name="x" value="確認">
</form>
eof;
break;
case "エラー再入力":
unset($_SESSION["t1"],$_SESSION["t2"],$_SESSION["x"]);
$t1=htmlspecialchars($t1);
$t2=htmlspecialchars($t2);
print <<<eof
<form method="post">
適当な文字：<input type="text" name="t1" value="{$t1}">{$err["t1"]}<br>
適当な数値：<input type="text" name="t2" value="{$t2}">{$err["t2"]}<br>
<input type="submit" name="x" value="確認">
</form>
eof;
break;
case "再入力":
$t1=htmlspecialchars($_SESSION["t1"]);
$t2=htmlspecialchars($_SESSION["t2"]);
/*よくみたら再入力の場合エラーは表示されないですね*/
print <<<eof
<form method="post">
適当な文字：<input type="text" name="t1" value="{$t1}"><br>
適当な数値：<input type="text" name="t2" value="{$t2}"><br>
<input type="submit" name="x" value="確認">
</form>
eof;
break;
case "確認":
$t1=htmlspecialchars($t1);
$t2=htmlspecialchars($t2);
print <<<eof
<form method="post">
t1:{$t1}<br>
t2:{$t2}<br>
<hr>
<input type="submit" name="x" value="再入力">
<input type="submit" name="x" value="確定">
</form>
eof;
break;
case "確定":
/* SQLなど走らせエラーが無ければ登録完了、あれば登録エラーとしてheaderで飛ばす*/
$_SESSION["x"]="登録完了";
header("Location:{$_SERVER["SCRIPT_NAME"]}");
eof;
break;
case "登録完了":
unset($_SESSION["t1"],$_SESSION["t2"],$_SESSION["x"]);
print<<<eof
完了しました<br>
[ <a href="{$_SERVER["SCRIPT_NAME"]}">戻る</a> ]
eof;
break;
case "登録エラー":
unset($_SESSION["t1"],$_SESSION["t2"],$_SESSION["x"]);
print<<<eof
登録に失敗しました<br>
[ <a href="{$_SERVER["SCRIPT_NAME"]}">戻る</a> ]
eof;
break;

}

Comments

[beginner_39]

ご回答ありがとうございます。
戻るボタンの方法のみだと思っておりました。大変勉強になります。

ちなみにですが、
>>①セッションなどをからめて戻れないページをつくるようにしてください
>>②再入力をさせる場合は戻るのではなく再入力ページに進むような仕様が妥当です。
についてですが、
①はページの制作上セッションは元々使用しており、ブラウザ仕様の戻るボタンを押した場合は有効期限切れになりページが表示されなくなりますが、それでいいのでしょうか？
②については再入力ページへ進む、というのがあまりイメージできないのですが、新しくphpファイルを作成して飛ばすという認識でいいんでしょうか？

[yambejp]

> 有効期限切れになりページが表示されなくなります

そうです。それがつまり戻ることを推奨していないということです。
その後読まれるページは、サーバーにデータを取りにいくので
戻ると違ってユーザーのキャッシュに影響されにくくなります

> 新しくphpファイルを作成して飛ばす

新しいページでもいいですし、元のページになにかパラメータをつけて渡してもいいしょう。
たとえば最初の空のページがmypage.phpだとして
入力確認ページがmypage.php?step=2
確定ページがmypage.php?step=3
再入力ページがmypage.php?step=1
など工夫次第です

[beginner_39]

ご回答ありがとうございます。
有効期限の推奨につきまして理解しました。ありがとうございます。

最後に、
>>元のページになにかパラメータをつけて渡す
についてですが、簡単にどのような形でプログラムを組んだらいいのかを教えていただくことは可能でしょうか？

□現状のファイル状況
mypage.php（入力画面です）
mypage_set.php（入力した画面を表示するページ）
となっております。

またmypage_set.phpの中には、
if文で入力値がなかったら戻るボタンを表示、
入力があったら中身のみを表示、
というテスト動作のみの処理を行っております。

その分岐の中で、入力がなかったら、
```
<form method="post" action="mypage.php?step=2">
<p>入力されていないところがあります。</p>
<a href="mypage.php?step=2">戻る</a>
</form>
```
という感じでaction属性を変更し、inputでの戻るボタンをなくしてみたのですが、結果動作できませんでした。
※おそらく当たり前だと思いますが。。。。。。
知識不足で大変お恥ずかしいのですが、教えていただくことは可能でしょうか？

よろしくお願いいたします。

[yambejp]

ざっとした流れのsampleをつけておきました。
非効率のところもあるので、改善の余地はあるとは思います
すこし考え方をかえてstepではなくsubmitにnameを付けて切り分けてあります

[beginner_39]

お忙しい中、サンプルの掲載、誠にありがとうございます。
勉強させていただきます！
視点を変えて、ゆっくりと構築していきます！