- 締切済み
メールフォームでの送信確認から修正ボタンで戻る方法
現在、メールフォームを作っています。 とりあえず完成し、動作は全く問題ありません。 ただ、「送信ボタン」と確認画面からの「修正する」ボタンを画像にしています。 「修正する」ボタンを画像にするとなぜか送信が完了してしまいます。 下記は「修正する」ボタンのソースです。 <input type="image" name="check0" value="修正する" src="images/form_btn_back.jpg" width="100" height="35" alt="修正する"> 念のため「送信ボタン」のソースも書いておきます。 <input name="submit" type="image" value="この内容で送信する" src="images/form_btn_send.jpg" alt="この内容で送信する"> 「修正する」ボタンのtypeをsubmitにすると前の入力画面に戻ります。 原因がわからないので詳しい方、ご教授をお願いいたします。
- bryan0729fury
- お礼率50% (12/24)
- HTML
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
>前の画面る際に入力内容をキープしたまま戻したいのです。 history.back(); で戻って、入力内容が消えてしまうような場合には、現在の内容で、新しく元のページを作ります。
- yambejp
- ベストアンサー率51% (3827/7415)
＃１さんのおっしゃるように、このソースでは 修正でも送信でもともにsubmitされるのは お分かりだとおもいます。 submitされた先のcgiなどで、 check0.xやcheck0.yの値がある場合は 「修正希望」とわかるので、その処理をして、 submit.xやsubmit.yの値がある場合は 送信すればいいでしょう。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<input type="image" …> によるボタンは、submit と同じ機能です。 単純なボタンとしての機能をさせる場合には <button type="button … onclick="history.back();/*例えば*/"> <img src=…> </button> を使います。 勘違いコメントだったらすみません
補足
すみません。説明が少々わかりにくいです。 補足ですが、前の画面る際に入力内容をキープしたまま戻したいのです。 私はcgiなどの知識はないのですが、もしかしたらcgiのソースがないと難しいのでしょうか？
関連するQ&A
- お問い合わせフォーム。確認画面でつまずいてます。
phpでフォームを作成しています。フォーム確認画面で思うように動作しません。 確認画面の「修正する」ボタンを「input type="submit"」から「input type="image"」に変更し、画像ボタンとしたいです。 ソースを下記のように書き換えると、前画面に戻らず、そのまま送信してしまいます。 <input type="hidden" name="status" value="send">'."\n".'<input type="submit" value="送信する"> <input type="submit" name="edit" value="修正するぞおお"> ↓ <input type="hidden" name="status" value="send">'."\n".'<input type="image" name="send" src="../images/send_btn.gif" value="送信する"> <input type="image" name="edit" src="../images/reset_btn.gif" value="修正するぞおお'"> 「修正する」ボタンを画像に変更するには、他に追記する必要があるのでしょうか？ 正しい動作は、「修正する」ボタンを押すと、入力項目を残した状態のフォームへ戻ります。 その動作もphpのどこに記載されているのか、今いち分かっておりません・・・。 「魔法のメールフォーム MagicalForm」http://magical-form.com/ を利用しています。 初心者で申し訳ないのですが、どうぞよろしくお願いいたします。
- 締切済み
- PHP
- フォーム内にある複数のボタンをアンカータグで代替する場合、これらのボタンの識別情報をサーバに引き渡す方法を教えて下さい。
php,javascriptの初心者です。 フォーム内にある複数のボタンをアンカータグで代替する場合、これらのボタンの識別情報をサーバに引き渡す方法を教えて下さい。 〔質問の内容〕 以下のフォームにある２つのボタン（文字）を画像ボタン （例えば、(1)、(2)）に変えようとしたのですが、 <form action="aaa.php" method="post" name="myform"> ・ ・ ・ <input type="submit" name="btn1" value="修正"> <input type="submit" name="btn2" value="送信"> ・ ・ ・ </form> (1) <input type="image" src="syuusei.gif" name="btn1" alt="修正"> (2) <input type="image" src="soushin.gif" name="btn2" alt="送信"> 次の情報によると、 http://okwave.jp/qa2838479.html http://forums.devshed.com/html-programming-1/input-type-image-onclick-doesn-t-work-in-netscape-1299.html http://miau.s9.xrea.com/blog/rsd.php?catid=3 2006年 7月 08日 (土曜日)Netscape 4.x の対応とか http://forums.devshed.com/html-programming-1/input-type-image-onclick-doesn-t-work-in-netscape-1299.html 多くのブラウザで安定な動作を確保するためには、 「アンカータグでこれらのボタンを代替する」ことが もっとも望ましいようです。 そこで、このようなアンカータグを用いる場合について、 以下の点を教えて下さるようにお願い致します。 上記ボタンの識別情報name（btn1やbtn2）は、 どのようにしてサーバに通知したらよいのでしょうか？。 以上、よろしくお願い致します。
- ベストアンサー
- JavaScript
- 複数のsubmitボタンで押されたボタンを取得する方法
form内の、submitボタンの値が拾えません。 １つだけsubmitボタンを設置すると値が拾えますが、 ２つ以上submitボタンを設置すると拾えません。 仕様上、無理なのでしょうか？ <SCRIPT language="JavaScript"> function move_post(){ alert(document.frmMvPost.btn.value); } </SCRIPT> <FORM name="frmMvPost" action="" method="post" onsubmit="return move_post()"> <INPUT type="submit" name="btn" value="テスト1"> <INPUT type="submit" name="btn" value="テスト2"> <INPUT type="submit" name="btn" value="テスト3"> </form>
- ベストアンサー
- JavaScript
- 「送信」「クリア」ボタンを画像で表示したい
formタグを使ったお問合せフォームを作っているのですが、「送信する」ボタンと「クリアする」ボタンを画像で表示させる方法を教えてください。現在 <INPUT name="submit" TYPE="image" id="submit" SRC="xxx.jpg" alt="送信する" WIDTH="110" HEIGHT="25" BORDER="0"> <INPUT name="reset" TYPE="image" id="reset" src="xxx.jpg" alt="クリア" width="75" height="25" border="0"> というように記述しているのですが、クリアボタンを押しても「送信」されてしまいます。 type="image"は送信だけでしょうか、他にありましたら教えてくださいm(_ _)m
- ベストアンサー
- HTML
- フォームの送信ボタンを画像にしたい
<div style="float:left; margin-left:5px; margin-top:4px;"> <form id="form1" name="form1" method="post" action="test"> <input type="hidden" name="sample" value="test"> <span onclick="submit()" id="sample2" style="cursor:pointer;"> <img src="img.jpg" alt="sample"></span> </form> </div> html内に上記のように記述し、 フォームの送信ボタンを作成いたしました。 IEでは問題なく動作したのですが、 ファイヤーフォックスでは動作しませんでした。 調べたところ、documentを省略せずに記述すると動作するとなっていたので、下記のように書き換えました。 <div style="float:left; margin-left:5px; margin-top:4px;"> <form id="form1" name="form1" method="post" action="test"> <input type="hidden" name="sample" value="test"> <span onclick="document.form1.submit()" id="sample2" style="cursor:pointer;"> <img src="img.jpg" alt="sample"></span> </form> </div> そうすると今度はIEでもファイヤーフォックスでも動作しなくなりました。 どこか記述が間違っているのかもわからず、悩んでいます。 解決策や修正箇所等教えていただきたく思います。 ちなみに、やりたいことは 「フォームの送信ボタンをテキストリンク、もしくは画像リンクのように見せたい」 ということだけです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ボタン別でフォームの送信先を変えたい
同じ場所に3つある今のフォームを1つにまとめたいのですが、 「ラジオボタン」でやるのではなく「submitボタン」によって送信先の振り分けはできないのでしょうか？ CGIなどを使って一旦クッションを置くのは問題ないです。何か参考になるサイトさんとかありましたら教えてください。 <form action="1.php" method="get" class="form" target="a" name="1"> <input type="hidden" name="s" value=90 /> <input type="hidden" name="t" value="e" /> <input type="text" name="moji" value="" size="8" /> <input type="submit" name="button" value="検索" /> </form> <form action="http://e.php" method="get" name="2" target="a"> <input type="hidden" name="test" value=et /> <input type="text" name="77" value="" size="8" /> <input type="submit" value="検索2" class="button" /> </form> <form action="http://8.cgi" method="get" target="a"> <input type="text" size="8" name="q" value="" /> <input type="submit" value="検索3" class="button" /> <input type="hidden" name="sut" value="JJ" /> </form>
- ベストアンサー
- CGI
- フォームボタンのvalueを渡すにはどうしたらいいのでしょうか？
下記のソースのように「word」というテキストフィールドの 入力チェック後ボタンのvalueをword.phpに渡したいのですがどのようにしたらいいのでしょうか？ 入力チェックをせず input type="button"ではなくinput type="submit" にするとword.phpに渡せるのですが・・・ ようはＡ、Ｂ、Ｃそれぞれのボタンを押した時で word.phpでbtnのvalueをPOSTで受け取り 処理をvalue A、B、Cで分岐させたいんです。 よろしくお願いします。 <html> <head> <SCRIPT language="JavaScript"> <!-- function chk(chkfrm){ var tmp = chkfrm.word.value.length; if(tmp > 50 ){ alert("文字数が多すぎます"); } else{ chkfrm.submit(); } } //--> </SCRIPT> </head> <body> <form name="form" method="post" action="word.php"> <input name="word" type="text" id="word"> <input type="button" name="btn" value="A" onclick="chk(this.form);"> <input type="button" name="btn" value="B" onclick="chk(this.form);"> <input type="button" name="btn" value="C" onclick="chk(this.form);"> </form> </body> </html>
- ベストアンサー
- JavaScript
- ＰＨＰでフォームからの送信
ＰＨＰでフォームからデータを送信する方法について教えてください。例えばPHPファイルの中に下の様にフォームを作成して、送信ボタンを２つ作ります。一つのボタンをクリックすると全てのフォームの情報が送信されてしまいますが、独立して送信できるようにはできないのでしょうか。簡単にでもできるかできないかを教えていただけましたら、あとは自分でなんとかがんばりますので、どなたか教えていただけれますと幸いです。宜しくお願いします。 <form action="abc.php" method="post"> AAA：<input type="text" name="simei"> BBB：<input type="password" name="pass"> <input type="submit" value="送信"> </form> <form action="abc.php" method="post"> CCC：<input type="text" name="simei"> DDD：<input type="text" name="pass"> <input type="submit" value="送信"> </form>
- ベストアンサー
- PHP
- メールフォームの送信ボタンをアイコンにする方法
お世話になります。 ホームページビルダー１１で作成している、HTML初心者です。 メールフォームを作成するために色々調べてやってみたのですが、 送信ボタンを<input type="submit">のデフォルト表示ではなく、 アイコンを使用したいのですが、なかなかできません・・・。； 他に、 <BUTTON type="submit"> <IMG src="***.jpg" alt="送 信"> </BUTTON> としたらデフォルトボタンの上にアイコンが乗っかるような表示に なってしまいました。；； あと、"submit"のほかに"reset"も作成したいです。 アイコンを使用して送信ボタン、リセットボタンを作るには、 どうしたらよいでしょうか？ お手数ですが、ご教示お願いいたします。<(_ _)>
- 締切済み
- HTML
- ボタン無しでフォーム内容送信
<form name="regist" action="bbs.cgi" method="POST"> <input type="hidden" name="mode value="admin"> <textarea name=comment cols=50 rows=5 wrap=soft>コメント</textarea> <input type="submit" value="ボタン"> </form> 通常はボタンをクリックして移動しますが、送信ボタンを使わずに、bbs.cgiを表示しただけでフォーム内データを送信できればと考えています。どのようにすればいいのでしょうか。
- 締切済み
- Perl
補足
すみません。yambejp様の説明も少々わかりにくいです。 私はcgiなどの知識はないのですが、もしかしたらcgiのソースがないと難しいのでしょうか？