札幌Web制作のシンクグラフィカ

長い確認画面から入力画面に戻った場合、フォームがはるか上の方に。

nishidaさん (2011-10-22 00:52:16) www

素晴らしいメールフォームで、いつもお世話になっております。ありがとうございます。

今回、項目が多く、長~いメールフォームを作ろうとしています。
とりあえず、メールフォームプロCGI(3.0.2)に付属していたexample.htmlの質問項目を単純に多くして試しています。
※項目の追加以外のhtmlやcssソースは変更していません。

長いフォームに入力(何度かスクロールしないと「確認画面ボタン」にたどり着かない長さ)後、確認ボタンを押すと、その場所に確認画面が出ます。
もちろん確認画面も長いので何度かスクロールして「入力画面にもどる&上記内容を送信ボタン」にたどり着きます。

そこで、「入力画面にもどる」ボタンを押して入力画面に戻ると、そのスクロールバーの位置で画面がもどるので、結果的に入力画面(フォーム)ははるか上にあります…。
スクロールバーでぐりぐりと上に戻っていけば、はるか上にきちんと入力状態を保持したフォームは存在します。

これは…こういう仕様なのでしょうか。いくらなんでも長すぎなのでしょうか。
※ブラウザはFirefoxとgoogle chromeです。

なにかアドバイスを頂けると幸いです。

Re:長い確認画面から入力画面に戻った場合、フォームがはるか上の方に。

和田 (2011-10-30 22:08:50) www.synck.com

方法は

・項目を減らして短くする(入力する人のことも踏まえて)
・確認画面を出さない設定にする
・join、unjoinを使って結合できる項目はなるべく結合する
・Javascriptをいぢってキャンセルされた場合、pagetopに戻す

の4つが考えられます。
個人的には項目を短くするのが一番、いろんな意味でよろしいと思います。
私自身が入力項目が多いフォームが嫌いなので。

Re:Re:長い確認画面から入力画面に戻った場合、フォームがはるか上の方に。

nishidaさん (2011-10-31 09:15:53) www

ああ、ご丁寧にありがとうございます!
HPを作る仕事をしておりまして、以前よりとある友人の会社HPでメールフォームCGIを使用させていただいてます。今回、確認画面のあまりのカッコよさ!に「こっちにしてみない?」とメールフォームプロの方を薦めてみたら、項目が多すぎて…にっちもさっちも…ということで質問させていただきました。会社HPの為かアンケート的項目が多いので困ってしまいました。
私自身も「フォームは短く」と思うのですが(涙)。
javascriptをいじる、は敷居が高いので、なんとか項目を減らすよう説得を試みております。どうもありがとうございました。