![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
JavascriptとCGIを利用しています。応募フォームを作成し、氏名等を入力してもらい、送信できるページを作成中です。例えば応募フォームを入力中に前のページを確認できるようにしたいのですが、その時に入力途中の内容を保持し、ブラウザの【進む】ボタンか何かで応募フォームを再度表示させた時、前の入力内容が表示上残るようにしたいと思っています。過去の質問で似たようなものがあり、いろいろ考えてみたのですが解決出来ませんでしたのでお願い致します。
(1)ブラウザの【戻る】や【進む】を利用する場合の方法
(2)<form action="aaa.cgi">のsubmit等でやり取りする方法
どんな方法でも良いです。
(2)の方法の場合【送信】ボタンがフォーム内にあり、<input type="txt">で入力した値を【送信】の時と【戻る】の両方で利用したい。
出来れば簡単なもので結構ですのでコードのサンプルがあるとうれしいです。お願い致しますM(V_V)M
No.1ベストアンサー
- 回答日時:
■入力画面
if(btnBackがある、もしくはbtn****がパラメータにない){
<form action="aaa.cgi" method="post">
<input type="text" name="onamae" value="$X{onamae}">
<input type="text" name="gojusho" value="$X{gojusho}">
<input type="submit" name="btnNext" value="次へ">
</form>
}
■確認画面
if(btnNextがある){
<form action="aaa.cgi" method="post">
<input type="text" name="onamae" value="$X{onamae}" readonly>
<input type="text" name="gojusho" value="$X{gojusho}" readonly>
<input type="submit" name="btnBack" value="戻る">
<input type="submit" name="btnEnd" value="完了">
</form>
}
■完了画面
if(btnEndがある){
<p>どうもありがとうございましたー。</p>
}
------------------------------------------------------------------------
状況がよくわかりませんが、こんな感じで、aaa.cgi内部で処理を切り替えれば
できるかと思います(もちろん、そのままでは動かないっすよ)。
%Xには、あらかじめパラメータを取得しておきます。
readonlyは、ブラウザによってはダメだったりするので、対象によっては
文字列はそのまま表示し、データはhiddenで保持すればいいでしょう。
この回答への補足
ご返答ありがとうございますM(v_v)M
【戻る】を押した時と、【進む】を押したときでaaa.cgiの処理を変えると言う解釈でよろしかったでしょうか??私の説明が足りなくてすいません。少し補足させて頂きます。状況としては、入力画面の方に【戻る】ボタンがあり、aaa.cgiの画面に【進む】ボタンがあります。お互いの画面を行き来する際に入力画面の内容を保持したいと思います。おそらくその場合でもお答え頂いた考え方で対処できると思うのですが、もしブラウザの【戻る】を利用した時にも内容が保持できる方法があればご教授願います。
No.3
- 回答日時:
んで、ブラウザの【戻る】を利用すると、入力内容が
消えてしまうのですか?
消える場合は、全てが消えるのですか?
あと、ブラウザは何の6.0でしょうか。
この回答への補足
すいませんM(vv!)M
IEの6.0です。応募フォームの画面はCGIで生成されたページです。フォーム内のテキストボックスに入力をしていくのですが、途中で【戻る】をして再度【進む】をした場合、その都度問合せに行くのでページを更新します。そのため内容は随時消える事になります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
書籍を見つつサイト造りの練習...
-
ウェブサイトにアップされてい...
-
サイトにコンテンツを並べる際...
-
pythonに自分で作ったHTMLを、...
-
WEBページを強制的に横画面で見...
-
Google検索も終わりですか? グ...
-
HTMLタグのあるCSVファイルを利...
-
静止画画像をクリックすると音...
-
css初心者 フレックスボックス...
-
iPhoneで HTMLファイルを閲覧
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
先日ウェブデザイン技能検定三...
-
X の仕様変更? 埋め込みフレー...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
-
htmlソース編集で、各タグを何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
送信ボタン押下時に値が未入力...
-
submitをボタン以外にするには
-
複数のフォームを一括で送信す...
-
1アクションでPOST・GET、両方...
-
リンクをクリックした時にform...
-
<a href=**?***=***>をGET方式で
-
フォーム要素以外にもname属性...
-
type="hidden"を使って時刻を送信
-
長文のmailtoの使い方
-
URL パラメータを使ってフォー...
-
checkboxを「変更不可」にでき...
-
【html】)パスワード認証フォー...
-
送信フォームを2つ用意する方法
-
HTMLのフォームタグの送信順に...
-
mailtoについて
-
お問い合わせフォームの送信後...
-
CGI動作後に元のページに戻る方法
-
formタグのactionパラメータで...
-
GETをPOSTに変更したところ 送...
-
タブキーでなくエンターキーで...
おすすめ情報