• ベストアンサー

textとsubmitを関連付けたい

<input type="text"> <input type="submit" value="戻る"> <input type="submit" value="進む"> ↑のようなレイアウトの場合、 テキストを入力しEnterキーを押した時、 戻るボタンではなく、進むボタンを押した事にしたいのですが、どのようにすれば良いのでしょうか? ご回答よろしくお願い致します。

  • HTML
  • 回答数3
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • leap_day
  • ベストアンサー率60% (338/561)
回答No.3

こんにちは なかなか良い方法が思いつかなくて回答が遅くなりました 結構多くの方が複数のsubmitを使おうとされてるのですね(Hit数かなりありました) name=""とされてるということはそちらはもう見られてるのですよね? え~~と送信先でCGIで区分けするのはすぐできると思うのですが、そうではなくてこのページ内でボタンの有効・無効をしたいのですよね? その場合ですとjavascriptを使わないとおそらく無理ではないかと思います 『チェックする』というのがよく分からなかったのですがこんな感じですかね・・・ <script Language="JavaScript"> <!-- function set(fObj1,fObj2) { fObj1.disabled = !fObj1.disabled; fObj2.disabled = !fObj2.disabled; } // --> </script> <form action="./test.cgi" method="post" name="form1"> <input type="checkbox" name="pat1" value="1" onClick="set(this.form.pat2,this.form.submit2)"> <input type="text" name="pat2" onClick="set(this.form.pat1,this.form.submit1)"> <input type="submit" name="submit1" value="書き込む" disabled> <input type="submit" name="submit2" value="チェックする" disabled> </form> 『チェックする』というのがテキストのチェックだとするとテキスト内容は送信されませんので使えないのですが・・・(--;) ただ送信先は結局のところ一緒の場所なので1個のsubmitボタンで処理しても同じとなってしまいます 別の場所に送信するのであればまた別の処理が必要になるかと思います(><)

takatokoko
質問者

お礼

ご回答有難うございます。 大変参考になります。 javascriptなしでは不可能っぽいですね。 web2.0も勉強しようと思います。 ありがとうございました。

その他の回答 (2)

  • leap_day
  • ベストアンサー率60% (338/561)
回答No.2

こんにちは 『戻る』というのは何処に戻るのでしょう? 1ページ前のことですか? <form action="./***.html" method="post"> <input type="text"> <input type="button" value="戻る" onClick="history.go(-1)"> <input type="submit" value="進む"> </form>

takatokoko
質問者

補足

ご回答ありがとうございます。 <form action="" method="post"> <input type="checkbox" name="pat1"> <input type="text" name="pat2"> <input type="submit" name="submit1" value="書き込む"> <input type="submit" name="submit2" value="チェックする"> </form> pat1にフォーカスを合わせた時の実行ボタンは、submit2。 pat2にフォーカスを合わせた時の実行ボタンは、submit1。 の様にしたいのですが、 JavaScriptなしで、可能でしょうか?

noname#39970
noname#39970
回答No.1

<input type="button" value="戻る">

takatokoko
質問者

お礼

大変参考になりました。 有難うございます。

関連するQ&A

  • submitについて

    <script type="text/javascript"> <!-- function go() { document.getElementsByTagName("input")[3].value+="text"; } //--> </script> <form name="NAME1" action="#" method="get" onSubmit="go()"> <input type="submit" name="submit1" value="送信1" > <input type="submit" name="submit2" value="送信2"> <input type="button" name="submit3" value="送信3" onClick="go()"> <input type="text" name="text1" size="10"> </form> なのですが、送信2のsubmitを4回クリックすると以下のように表示されるのですが、どういう感じで実行されているのかわかりませんので教えていただけないでしょうか? 一応一回目はtext1=textとなるのですがテキストボックスには空になります。 2回目はtext1=textとなりテキストボックスにはtextが入ります。 3回目はtext1=texttextとなりテキストボックスには空になります。 4回目はtext1=textとなりテキストボックスは空になります。 以上よろしくお願いします。

  • FORMタグ内に複数submitボタンがある場合の問題

    お世話になります。 質問タイトルがあまり適切でなくすみません。HTMLに関する質問です。 FORMタグ内に複数のsubmitボタンを配置し、FORM内のテキストボックスへフォーカスを充てた場合、Enterキーを押下すると上にあるボタンが反応してしまいます。 下のボタンを反応させたいのですが、JavaScriptを使わず下のボタンを指定する方法はあるのでしょうか。 ご存知の方いらっしゃいましたら、よろしくお願いします。 ■参考ソース <FORM id="form" action="ジャンプ先URL" > <INPUT type="text" /> <br /> <INPUT type="submit" value="ボタン1" /> <br /> <INPUT type="submit" value="ボタン2" /> </FORM>

    • ベストアンサー
    • HTML
  • テキストリンクでsubmitするには

    簡易的な検索システムを作ってみました。 検索フォームでは、エリアごとにボタンを設置し、ボタンをクリックすることで、該当するエリアの検索結果が表示されるというものです。 今回、この検索フォームのボタンをテキストリンクで表示できないかと思い、ご質問させて頂きました。 現在は、下記のようなフォームにしています。 <form name="" method="POST" action="result.php"> <ul> <li><input type="submit" name="area" value="新宿"></li> <li><input type="submit" name="area" value="銀座"></li> <li><input type="submit" name="area" value="渋谷"></li> <li><input type="submit" name="area" value="恵比寿"></li> <li><input type="submit" name="area" value="品川"></li> </ul> </form> ※例えば、新宿のボタンをクリックすると、新宿に該当する検索結果が表示されます。 このボタンをテキストリンクにする方法としては、どういった方法がありますでしょうか? アドバイスをいただければ幸いです。

    • ベストアンサー
    • HTML
  • formでENTERとSUBMITボタンを押した場合のパラメータの分け方

    formでenterキーを押して内容を送信した場合とSUBMITボタンを押して内容を送信した場合でパラメータによって場合わけしたいのですがどのようにすればよいでしょうか? SUBMITボタンをクリックした場合は以下のように記述をすればbを使うことができるのですが <input id="a" type="submit" name="b" value="ボタン" /> ENTER用のパラメータをつけるやり方がわかりません。 回答よろしくお願いいたします。

  • submitで。。。

    現在、JBuilderを使ってサーブレット+JSPのWEBアプリを作っています。 悩んでいるのは、IEでバックボタンを使って元のページに戻れないようにしたいのですが、 INPUTのTYPEがsubmitの場合、うまくいかないのです。 調べてみると「location.replace()」を使えばよいようなのですが。。。 現在は以下のようにやっています。(TestServletはサーブレット) <input type="submit" action="javascript:location.replace('TestServlet') ~> <input type="text" name="T1"> <input type="submit" name="Submit" value="TEST"> このようにすると、submitボタンを押した場合、リクエストがTestServletのdoPostでなくて、doGetにいってしまうのです。 そうすると「String 値 =request.getParameter("T1");」のようにしてT1の値を取得しようとしても"null"となってしまいます。 なにか他によい方法があるのでしょうか。 よろしくお願いします。

    • ベストアンサー
    • Java
  • エンターでsubmitさせたい

    テキストボックスが複数あるようなフォームを作っているのですが、 submitボタンを表示させず、エンターのみで動作するものを作りたいと思っています。 stype="display:none;"で表示を消すことができたのですが、 エンターを押しても動作しません。 ご存知の方教えて頂けると大変助かります。 <form method="post"> <input type="text" size="10" name="obj1"> <input type="text" size="10" name="obj2"> </form> <? print $_POST['obj1']."<br>"; print $_POST['obj2']."<br>"; ?>

    • ベストアンサー
    • PHP
  • submitボタンを二つ用意したい

    textに入力したものを二つのsubmitボタンで共用できるようにしたいと考えています。 作ってみたのですが、思ったように動かずに困っています。 ↓をどのように修正すれば動くでしょうか。 よろしくおねがいします。 <html> <body> <form name="hoge" action="hoge1.php" method="post"> <div class="ok_left"><input name="kw" value="" /> <script type="text/javascript"> <!-- function pushSubmit (val) { with(document.hoge){ if(val=='2'){ action = 'http://hoge.jp/hoge2.php'; } submit(); } } --> </script> <a href="javascript:pushSubmit('1');"><input name="submit1" type="submit" value="1"/></a> <a href="javascript:pushSubmit('2');"><input name="submit2" type="submit" value="2"/></a> </form> </body> </html>

    • ベストアンサー
    • HTML
  • 2つのsubmitボタンがあるときに

    最初に書いたボタンが優先され 単にリターンキーを押したときに 最初のsubmitボタンが反応します。 後のsubmitボタンが反応するようにするにはどうしたらいいのでしょうか? つまり下記のPHPをブラウザに表示させているときにリターンキーを押したときには submit2 is pushed. と表示させるにはどうしたらいいのでしょうか? <form method="post" action="<?=$PHP_SELF?>"> <input type="text"/><br/> <input type="checkbox"/><br/> <input type="radio" name="radio"/><br/> <input type="submit" name="submit" value="submit1" tabindex=-1/><br/> <input type="submit" name="submit" value="submit2" tabindex=1/><br/> </form> <?php if(isset($_POST['submit'])) { echo$_POST['submit'].' is pushed.'; } ?>

    • ベストアンサー
    • PHP
  • FormのSubmitボタン

    こんにちは。 <table align="center"> <form action="getdata.html" method="post"> <tr> <th>Customer Name :</th> <td><input type="text" name="CustNameEdit" value=""></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" name="SearchButton" value="Search"> <input type="submit" name="SearchButton" value="Show All"> </td> </tr> </form> </table> このようなフォームで、CustNameEditに文字列を入力し、Searchボタンをクリック すると、getdata.htmlでSearchButtonの値は"Search"になっているのですが、 文字列入力後、キーボードのEnterキーを押すと、getdata.htmlへは行くのですが、 SearchButton変数が存在しないと言われてしまいます。 で、この現象ですが、Internet Explorer(試したのはバージョン6.0と7.0)で 発生しますが、Operaで試してみたところ、問題ありません。 何か原因として考えられることはありますでしょうか。

    • ベストアンサー
    • HTML
  • テキストを値として渡したいんですが。

    HP上に表示しているテキストをクリックすると その値をPHP等に渡せるようにしたいんですが。 <FORM method="post" action="text.php"><INPUT size="20" type="text" name="text" value="テキスト"> <input type="submit" name="submit" value="検索"> </FORM> 上記のようなタグを挿入して、ボタンをクリックするとPHPを呼び出すのではなく あくまでテキストそのものをクリックすると そのテキストと同一の値が渡せるようにしたいんです。 PHPのカテゴリで質問するのかどうか悩んだんですが HTMLのカテゴリに質問してみました。 よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう