• ベストアンサー

Submitを違うテーブルに設置

submitボタンについての質問です。 原則 <form> <INPUT TYPE="TEXT"> <INPUT TYPE="SUBMIT"> <\form> のような形にしなければいけないと思うのですが。 テーブルを使って、このようにしたいのです. <table><tr><td> <input type="submit"> <!-- このボタンでデータを次に送りたい--> <\td> <td> <H2>Welcome to My HP<\h2> <form> <!--ここにもすでにちがう<form>があります.--> <\form> <form action="aaa.cgi" mothod="post"> <input type="text"><!-- ここの内容を送りたい--> <\form> <\td><\tr> <\table> Javascriptを使えばどうにかできるのではないかと思っているのですが、ぜひやり方を教えてください。宜しくお願いします。

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

構造的にあまりおすすめできないですがこんな感じでは? <form id="form_a"> <p> <input type="button" value="send_c" onclick="document.getElementById('form_c').submit()"> </p> </form> <form id="form_b"> <p> <input type="text" name="name_b" value="value_b"> </form> </p> <form id="form_c"> <p> <input type="text" name="name_c" value="value_c"> </p> </form>

kenpanch7
質問者

お礼

ありがとうございました。 解決することができました!

その他の回答 (1)

  • kyo999
  • ベストアンサー率64% (34/53)
回答No.1

補足お願いします。 異なる「<form>~</form>」が2つあって(仮にフォームA、フォームBとすると)、  フォームA: <input type="submit"> <!-- このボタンでデータを次に送りたい-->  フォームB: <!--ここにもすでにちがう<form>があります.-->  フォームA: <input type="text"><!-- ここの内容を送りたい-->(aaa.cgiへ送信) ってことですか? で最後のフォームAに入力した値を、最初のフォームAの送信ボタンでaaa.cgiへ送りたいと?(フォームBの内容は送らずに。)

kenpanch7
質問者

補足

ありがとうございます。 まさしく、御指摘の通りです。 デザインが気に食わないから変えてくれ、と指摘されまして 他にも何個か、送信ボタンがあるので、 どうしたらいいか、分からない状態なのです。 フォームBの内容は送らないつもりです。 もし、両方おくって受け取り側でBの内容を破棄できるならそれでもいいんですが。 どうぞよろしくお願いします。

関連するQ&A

  • form要素とtable要素

    元はこちらです。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1483846324 <table> <tr><td><input form="form1" type="text" value="text1"></td></tr> <tr><td><input form="form1" type="submit" value="submit1"></td></tr> <tr><td><input form="form2" type="text" value="text2"></td></tr> <tr><td><input form="form2" type="submit" value="submit2"></td></tr> </table> <form id="form1" action="cgi1.cgi" method="POST"></form> <form id="form2" action="cgi2.cgi" method="POST"></form> 上記はHTML5の仕様に従って書いていますが、これを、HTML4.01の仕様に反さないように書くと、どの様にすればいいのでしょうか。 添付画像は、実際のテーブルの様子です。

    • ベストアンサー
    • HTML
  • ボタンクリックでフォーカス移動

    JavaScript超ビギナーなので方法がよくわかりません。 フォームにテキストボックス(配列)4個あり ボタンを押すたびに未記入のテキストボックスにカーソルを移動したいのですが。どのようにしたらいいでしょうか。 <form name="form1" method="post"> <table width="200" border="1"> <tr><td ><input type="submit" name="Submit" value="送信"></td></tr> <tr><td ><input type="text" name="name1"></td></tr> <tr><td><input type="text" name="name1"></td></tr> <tr><td><input type="text" name="name1"></td></tr> <tr><td><input type="text" name="name1"></td></tr> </table> </form>

  • テキストから要素を抜き出してフォームで送信したい。

    <body> <form action="xxx.cgi" method="post"> <input type="hidden" name="n" value="v"> <table> <tr id="hoge_a"> <td>AAA</td> </tr> <tr id="hoge_b"> <td>BBB</td> </tr> </table> <input type="submit" name="submit"> </form> </body> というHTMLの中で、AAAを抜き出してフォームと一緒にpostでサブミットしたいのですが、javascriptで出来ますでしょうか。 よろしくおねがいします。

  • tableタグとformタグの組み合わせ

    tableタグとformタグの組み合わせでどのように記述すれば、構文上正しいのでしょうか? 私は下のパターンで書いておりますが、間違いでしたら早めに改めたいので お聞きしました。 <table> <form> <input type="hidden" name="a" value="1"> <tr> <td> <input type="text" name="b" value=""> </td> </tr> <tr> <td> <input type="submit" value="OK" value=""> </td> </tr> </fomr> </table>

    • ベストアンサー
    • HTML
  • 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
  • formの中で別のactionをもったsubmitボタンの設置。

    formの中で別のactionをもったsubmitボタンの設置。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <title>sample</title> <script language="JavaScript" type="text/javascript"> <!-- //<クリックした時に実行される関数> //*** 送信画面 function func1(form){ document.form1.text.value =form.text.value; document.form1.file.value =form.file.value; document.form1.dummy.value =form.dummy.value; document.form1.submit(); } //*** ユーザー追加画面 function func2(form){ document.form2.text.value =form.text.value; document.form2.file.value =form.file.value; document.form2.dummy.value =form.dummy.value; document.form2.submit(); } //--> </script> </head> <body class="index"> <form enctype="multipart/form-data"> <table id="table" width="100%"> <tr><th width="10%">テキスト</th><td><input type="text" name="text"> <br /> <div style="text-align:left;"> <input type="button" onClick="func2(this.form)" value="テキスト確認"> </div> </td></tr> <tr><th width="10%">添付</th><td><input type="file" name="file"></td></tr> </table> <div style="text-align:left;"> <input type="button" onClick="func1(this.form)" value="確認"> </div> </form> <!-- sousin.php画面へ --> <form method="post" name="form1" action="sousin.php" enctype="multipart/form-data"> <input type="hidden" name="text"> <input type="hidden" name="file"> <input type="hidden" name="dummy"> </form> <!--- text.php画面へ ---> <form method="post" name="form2" action="text.php" enctype="multipart/form-data"> <input type="hidden" name="text"> <input type="hidden" name="file"> <input type="hidden" name="dummy"> </form> </body> </html> 上記のように記述し、フォームの中に別のactionをもったsubmitボタンを設置しました。 textの内容は渡せるのですが、添付したいファイルを渡すことができません。 添付ファイルも渡せるようにするにはどうすればよいのでしょうか

    • ベストアンサー
    • HTML
  • 「戻る」ボタンの設置について

    初めまして、よろしくお願いいたします。 ショッピングサイトを作成しています。 もともとは、商品ごとの詳細ページに「カートに入れる」ボタンがついていたのですが、その同じページに、前のページに戻る機能をつけたいと思っています。 「ひとつ前に戻る」というテキストにリンクを貼る方法だと表示も動作も正常なのですが、<FORM>を使用して「戻る」ボタンを設置したところ、「カートに入れる」ボタンが正常に動作しなくなってしまいました(「戻る」機能は働くのですが)。 具体的には、ボタンをクリックするとカートのページには進むのですが、「カートには何も入っていません」と表示されてしまいます。 <FORM>の設置位置を、<tr>の内側(<td>の外側)にしても同じ状態で、<table>の外に出すと全く動作しなくなってしまいます。 「戻る」ボタンの設置について、アドバイス頂けないでしょうか。 よろしくお願いいたします。 ************************************************* 【テキストにリンク】 <table>  <tr>   <td>数量:$$SA_CartQuantity$$個    <input name="submit" type="image" id="submit" src="http://***.227.210.40/images/cart2.gif" alt="カートに入れる" align="absmiddle" height="22" width="122" />   </td>  </tr>  <tr>   <td>    <A HREF="javascript:history.go(-1)">ひとつ前に戻る</A>   </td>  </tr> </table> 【[FORM]ボタンを使用】 (字数制限により、前半省略します) <FORM>  <tr>   <td>    <INPUT TYPE=button VALUE=" 戻る " onClick="self.history.back()">   </td>  </tr> </FORM> </table>

  • HTMLでテーブルを作成した際、テーブル間にスペースが空いてしまいます

    HTMLでテーブルを作成した際、テーブル間にスペースが空いてしまいます。 スタイルシートを使用/使用せず、いずれの場合も変わりません。 会社のPCで表示した時になり、家ですると自動的に詰めて表示されるみたいです。 コードはいたってシンプルで・・・ <html><head><title>aaa</title> </head> <body> aaa <hr> <table border=1> <tr><td>名前</td><td><input type="text" name="name"></td></tr> </table> <table border=1> <tr><td>名前</td><td><input type="text" name="name"></td></tr> <tr><td>名前</td><td><input type="text" name="name"></td></tr></table> <table border=1> <tr><td>名前</td><td><input type="text" name="name"></td></tr> <tr><td>名前</td><td><input type="text" name="name"></td></tr> <tr><td>名前</td><td><input type="text" name="name"></td></tr> <tr><td>名前</td><td><input type="text" name="name"></td></tr> </table> </body> </html> 守秘義務があるので、今は中身を適当に書いてますが、書き方はこんな感じです。 スタイルシートやHTMLコードなど色々調べましたが、テーブルの中の文字などを 詰めたりする方法は載ってましたが、今の私の知識ではテーブル自体は左右にしか動けません。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 文字数によってsubmitできない

    開発中のWebアプリで解決できないバグがあります。初歩的なことなのかもしれませんが、Webで調べても解決に至らず。。アドバイスをお願いします。 【内容】 長い文章を新規登録フォーム中の「登録内容」に記述し、登録ボタンを押しても反応しない。 一度短い文章にして登録後、編集フォームで長い文章を入力し、更新すれば登録できる。 →1984バイトまで登録可能。1984バイトを超えるとsubmitできない。 【ソースコード】 ※インデントはご容赦ください。 ■regist.html (長い内容だとsubmitできない。regist.jspまで行かない。) <html> <head> <link rel="stylesheet" href="../css/common.css" type="text/css"></head> <body><form action="../../regist.jsp"> <table class="table" align=center cellspacing=1 cellpadding=5> <tr> <td class="labelwidth">タイトル</td><td><input type="text" name="KName" size=40 maxlength="40" value=""></td> </tr> <tr><td class="labelwidth" valign=top><font>登録内容</font></td><td><textarea name="KContents" cols=70 rows=7></textarea></td></tr></table> <table class="1buttontable" align=center><tr> <td align="center"><input class="buttonwidth" type="submit" name="regist" value=" 登録 "'></td> </tr> </table> </form> </body></html> ■update_form.jsp (長い内容でもsubmitできる。update.jspまで行ってSQLが発行され、テーブルが更新できる。) <%@ page import="java.sql.ResultSet, java.io.*" contentType="text/html; charset=SJIS" %> <%// 「編集」ボタンを押された情報を取得 String id = request.getParameter("Kid"); 省略 // テーブル用HTMLの作成 String tableHTML ="<table class=\"table\" border=1 bordercolor=\"#000000\" align=center cellspacing=0 cellpadding=7>" +"<tr><td class=\"label\">XXXNo.</td>"+"<td><input type=\"text\" name=\"Kid\" value=\"" + id + "\" readonly=\"readonly\"></td></tr>" +"<tr><td class=\"label\">タイトル</td>"+"<td><input type=\"text\" size=50 name=\"KName\" value=\"" + title + "\"></td></tr>"+"<tr><td class=\"label\">登録内容</td>"+"<td><textarea cols=70 rows=7 name=\"KContents\">" + explains + "</textarea></td></tr>" 省略  %> <!-- HTMLの表示 --> 省略 <html><head><link rel='stylesheet' href='./html/css/common.css' type='text/css'> 省略</head> <body><form method="post" action="update.jsp"><%= tableHTML %> 省略 <td align="center"><input class="buttonwidth2" type="submit" name="update" value=" 更新 "></td> 省略 </html>

    • ベストアンサー
    • HTML
  • submit()できない

    ファイルをダウンロードし、DBへ登録するプログラムなのですが、 submit()処理で止まってしまう(?)らしく、次のPHPが呼ばれません。 ファイルサイズが、小さいと問題ないのですが、20MBぐらいのデータに なると、止まってしまいます。 どうすればよいでしょうか? お知恵をお貸しください。 A.php <script language="JavaScript"> <!-- function checkSubmit(pIfrmObj) { document.frmCSV.btnKaisi.disabled = true; return(true); } //--> </script> <省略> <form name="frmCSV" method="post" enctype="multipart/form-data" action="./b.php" onsubmit="return checkSubmit(this);"> <table border="0" cellspacing="0" cellpadding="4" width="600"> <tr> <td align="left"><hr><b> アップロード</b><br><hr></td> </tr> <tr> <td align="left">アップロード(CSV)</td> </tr> <tr> <td align="left"><input type="file" name="csvfile" style="width:100%"></td> </tr> <tr> <td align="right"><input type="submit" style="width:18em;" name="btnKaisi" value="ダウンロード(CSV)"></td> </tr> </table> </form>

    • ベストアンサー
    • PHP

専門家に質問してみよう