phpでお問い合わせフォームを作る。
というのをやっています。だいたい出来たのですが問題点がいくつかあります。入力画面(contact.php)があります。そこで入力して「確認」をクリックすると確認画面(confirm.php)に行きます。その画面で表示されている内容でOKなら「送信」をクリックして指定した宛先に入力内容を送ります。もし内容を変更したい場合は、入力画面(contact.php)に戻り内容を入力しなおします。
1 |
<a href="contact.php">入力画面に戻る</a> |
上記の様にリンクすれば、入力画面(contact.php) に戻れますが、それまで入力したテキストはクリアーされてしまいます。「なんだよ~、電話番号の数字だけ変えたかったのに、全部消えちゃったよ!また最初から全部入力するのめんどくせ―!」となり、「申し込むのや―めた!」となる可能性があります。そうならない為にも、入力情報をクリアーせずに入力画面(contact.php)に戻るにはどうしたらいいでしょうか?
ブラウザの「戻る」ボタンで1つ前の画面つまり、入力画面(contact.php)に戻るという方法があります。これでやれば、入力情報はキープされます。ただし、「内容を編集する場合はブラウザの戻るボタンで戻って下さい」と書いておかないといけません。これは、カッコ悪いので避けたいところです。
ここでいい解決法があります。aリンクなのですが、ちょっとした記述をするんです。
1 |
<a href="javascript:history.back();">一つ前のページへ戻る</a> |
上記の様に書きます。これで入力情報をキープしたまま、1つ前の入力画面(contact.php)に戻る事ができるのです。簡単便利です!たった1行書くだけです。
2013-07-05の勉強会でsa-kaさんに教えてもらいました。ありがとうございます。
こちらのサイトを参考にさせていただきました。
http://www.htmq.com/js/history_back.shtml
ピンバック: 2013-7-5 勉強会 | パソコン倶楽部りんご