5個のFormタグを1つのFormタグでまとめたい
- <form>タグを利用してカレンダーを作成していますが、現在5つの<form>タグを使用していて見た目がかっこ悪いです。そこで、1つの<form>タグでまとめる方法を知りたいです。
- 5つの<form>タグを使用して、月次と年次のカレンダーを作成していますが、見た目があまり良くありません。1つの<form>タグでこれらのカレンダーをまとめる方法を探しています。
- 現在、5つの<form>タグを使用して月次と年次のカレンダーを作成していますが、見た目がすっきりしません。1つの<form>タグでこれらのカレンダーをまとめるアイデアを求めています。
- ベストアンサー
5個のFormタグを1つのFormタグでまとめたい
<form method="POST" action="jan_Edit.asp" id=form2 name=form2> <input type="hidden" name="a" Value =<% = YY1 %> > ～</form> <form method="POST" action="jan_Edit.asp"> <input type="submit" value="This Month"> </form> <form method="POST" action="jan_Edit.asp" id=form2 name=form2> <input type="hidden" name="a" Value =<% = YY2 %> >～</form> 現在、カレンダーを作成しています。上記（3つしか乗せてませんが同じ内容） 変数は YY1＝1年前の月初 MM1＝1か月前の月初 MM2＝1ヶ月後の月初 YY2＝1年後の月初で インプットタイプでサブミットを使用しています。端的にいうと、現在Formを5個使って月次、年次でカレンダーを作ってます しかし、Formがこれだけ並んでたら、かっこ悪いので１つのForm文でまとめれたらと 思ってますがなかなかグーグル先生でもみつかりません。 Formを一つにまとめれたらと思いますが、どなたか知恵をおかしください。
- saddiq
- お礼率48% (25/52)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞わかったら、radio,selectの記述例や、同じ送信先をどうわけるかなども教えてもらえると助かります。 (radioで選択) <form action="http://hpcgi1.nifty.com/Iruka/ENV_FORM.cgi" method="post"> <input type="radio" value="[DATA1]" name="Selected"> <input type="radio" value="[DATA2]" name="Selected"> <input type="radio" value="[DATA3]" name="Selected"> </form> (selectで選択) <form action="http://hpcgi1.nifty.com/Iruka/ENV_FORM.cgi" method="post"> <select name="Selected"> <option value="[DATA1]">データ１</option> <option value="[DATA2]">データ２</option> <option value="[DATA3]">データ３</option> <input type="submit" value="送信"> </form> （submitボタンを複数） <form action="http://hpcgi1.nifty.com/Iruka/ENV_FORM.cgi" method="post"> <input type="submit" value="[DATA1]" name="Selected"> <input type="submit" value="[DATA2]" name="Selected"> <input type="submit" value="[DATA3]" name="Selected"> </form> 【参考サイト】 Forms in HTML documents (ja) http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/interact/forms.html#submit-button
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
というか、そもそもそのHTMLは、あってはならない重大なミスがあります。 こちらでチェックすること →Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) 「かっこ悪い」なんて機械には関係ないです。正しいか正しくないかが重要です。 Formは送信先が同じならひとつにまとめられます、プログラム側で処理すりゃすむことです。radioなりselectなりを適当に
補足
ご回答ありがとうございます。 HTMLの重大なミスまでおしらせありがとうございます。 わかったら、radio,selectの記述例や、同じ送信先をどうわけるかなども教えてもらえると助かります。 よろしくお願いいたします
関連するQ&A
- <FORM> </FORM> の中に さらに <FORM> </FORM>があるときのSUBMITボタンについて
今、 <FORM ACTION="aaa.asp" METHOD="POST" Name="form1"> <input type="SUBMIT" value="ボタン１"> <FORM ACTION="bbb.asp" METHOD="POST" Name="form2"> <input type="SUBMIT" value="ボタン2"> </FORM> </FORM> としていて、ボタン２を押すとbbb.aspに 飛んでほしいのでに、aaa.aspに飛んでしまいます。 こういう場合どのようにすればよいのでしょうか？ それぞれのボタンは hidden の値をそれぞれの フォームの中の値を渡したいので どうしてもSubmitがいいのです。
- ベストアンサー
- HTML
- 同一ページで複数のformを扱う場合
同一のページ内にhiddenでIDを振った削除ボタンを用意しクリックされたIDを取得するにはどのようにすれば良いでしょうか？ <form action="/test.php" name="1" method="post"> <input type="hidden" name="id" value="1" /> <input type="submit" name="delete" value="削除"> </form> -- 省略 <form action="/test.php" name="10" method="post"> <input type="hidden" name="id" value="10" /> <input type="submit" name="delete" value="削除"> </form> formにnameを振ってみても最後のIDがPOSTされてしまいます。
- 締切済み
- PHP
- 複数FORMの一括実行について
通常であれば同一サイト内に下記のソース（フォーム）が入るのですが、 これを改良しサイト上で希望の送信先をチェックボックスで選択し一回の操作で複数のcgiを実行したく思います。 良いcgiがあれば教えてください。 又は改造ができるcgi、修正方法を分かりましたらお教え願います。 サイトA <form action="https://aaa.cgi" method="post"> <input type="hidden" name="名前" value="name"> <input type="hidden" name="メール" value="mail"> <input name="Submit" type="submit" value="送信"> </form> サイトB <form action="https://bbb.cgi" method="post"> <input type="hidden" name="名前" value="name"> <input type="hidden" name="メール" value="mail"> <input name="Submit" type="submit" value="送信"> </form> サイトC <form action="https://ccc.cgi" method="post"> <input type="hidden" name="名前" value="name"> <input type="hidden" name="メール" value="mail"> <input name="Submit" type="submit" value="送信"> </form>
- 締切済み
- CGI
- PHPでFormリクエスト
ASPで以下実行したことをPHPで同じことはできるでしょうか？ <form action=”Sample.asp” method=”post”> <input type=”text” name=”Name” value=”あ”><br> <input type=”text” name=”Name” value=”い”><br> <input type=”text” name=”Name” value=”う”><br> </form> Request.Form(“Name”)(1) →あ Request.Form(“Name”)(2) →い Request.Form(“Name”)(3) →う
- ベストアンサー
- PHP
- formタグのactionについて
PHPを勉強している初心者ですが、 HTMLでつまづいています。 formタグのactionでは通常、送信先のファイルを指定すると思いますが、 action="?"と記載されています。 この場合どのような動きになるのでしょうか。 <form action="?" method="POST"> <img src="image.php?time=<?=$time?>&key=<?=$key?>"> <br> 画像の文字列：<input type=text name=image_key></td> <br> <br> <input type=hidden name=time value="<?=$time?>"> <input type=hidden name=key value="<?=$key?>"> <input type=submit value="ログイン"> <br> <hr> copyright(C) <a href="http://php.to/">http://php.to/</a> </form>
- ベストアンサー
- HTML
- formタグ
HTMLで、formを使用し、CGIへテキストエリアのデータをpostしたいと 考えております。 テキストエリアを3つ、ボタンを1つ設けるならば 通常以下のようにすると思います。（必要部分の抜粋） <form action="foo1.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行"> </form> こうすると、実行ボタンをクリックすると、text1、text2、text3のテキストエリアに 記述されているテキストが送信されますが、ここにボタンをもう一つ設け、 上記3つのデータを別のCGIに送信したいのですが、 この場合どのようにHTMLを記述したらよいでしょうか？ 新たに下記のようにformタグを設けると、テキストエリアは6つになってしまいますし。。。 <form action="foo2.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行２"> </form> どなたか分かる方情報頂けますか。
- ベストアンサー
- HTML
- 2つのFormタグの動作について
同じページに2つのFormタグを設置したいと考えています。ページが長いため、上部と下部それぞれにFormタグを設置したいと考えています。 <form name="upForm" action="xxx.cgi" method="post"> <input type="text" name="name1"> <input type="submit" value="送信"> </form> --------------- 他の処理 --------------- --------------- 他の処理 --------------- --------------- 他の処理 --------------- <form name="downForm" action="xxx.cgi" method="post"> <input type="text" name="name1"> <input type="submit" value="送信"> </form> 下のFormの送信ボタンを押すと、上のFormが動作しているようで、下のFormの入力値が反映されません。それぞれのFormをそれぞれの送信ボタンで動作させる方法につきまして、ご存知の方がいましたらぜひ教えていただきたいと思います。 よろしくお願いいたします。
- ベストアンサー
- CGI
- 一つのformで、複数のaction指定
レイアウトなどの関係で、formの配置が基本とは異なるものになってしまい、うまく動作させる方法が見つからず困っています。 現在は <form> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> </form> …… <form method="POST" action="A.php"> <input type="submit" name="aa" value="あああ"> </form> <form method="POST" action="B.php"> <input type="submit" name="bb" value="いいい"> </form> <form method="POST" action="C.php"> <input type="submit" name="cc" value="ううう"> </form> <form method="POST" action="D.php"> <input type="submit" name="dd" value="えええ"> </form> のようになっていて、チェックボックスの値を送信したいのは、Dのボタンを押したときだけPOSTされるようにしたい状態です。 この値を取得する方法か、もしくは <form method="POST" action="(ボタンに応じたもの)"> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> …… <input type="submit" name="aa" value="あああ"> <input type="submit" name="bb" value="いいい"> <input type="submit" name="cc" value="ううう"> <input type="submit" name="dd" value="えええ"> </form> このように、一つのフォームの中に埋めてしまい、actionに入る値をボタンによって分ける方法はありませんでしょうか？ もしくは他の方法でも構いません。 お分かりの方がいましたら、是非ご教授お願いいたします。
- 締切済み
- PHP
- リンク風sabmitのformをまとめられますか？
フォームの送信を、リンク風に表示しているのですが、 複数ある場合、フォームタグをまとめることはできるのでしょうか？ 下記にHTMLを記載しております。 <form name="word1" method="POST" action="word.php"> <input type="hidden" name="fruit" value="みかん"> </form> <form name="word2" method="POST" action="word.php"> <input type="hidden" name="fruit" value="りんご"> </form> ・ ・ ・ ・ <form name="word100" method="POST" action="word.php"> <input type="hidden" name="fruit" value="ぶどう"> </form> <a href="javascript:document.word1.submit()">みかん</a> <a href="javascript:document.word2.submit()">りんご</a> ・ ・ ・ ・ <a href="javascript:document.word100.submit()">ぶどう</a> と、1つ1つ書いていて長すぎると思っていたのですが まとめることは可能なのでしょうか？ また、可能であれば、javascript等の知識が必要となるのでしょうか？ ご教授宜しくお願い致します。
- ベストアンサー
- JavaScript
- １つのformで複数のactionを実行できますか？
フォーム内に商品の購入ボタンがあります。同じフォーム内に商品名でグーグルのサイト内を検索させるボタンを設置し、横に並べることは可能ですか？ フォームの入れ子はよくないようなので、検索をJava scriptでできればよいのですが・・・ スタイルシートではデザイン上無理でした。 <form id="fm" name="fm" action="URL" method="POST"> <input type="hidden" name="shouhinmei" value="商品名"> <input type="hidden" name="kakaku" value="500"> <input type="image" src="kounyuu.gif value="購入"> <form method=get action="http://www.google.co.jp/search"> <input type=hidden class="q" name=q value="商品名"><input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl value="ja"><input name=btnG type="image" src="検索.gif value="検索"><input type=hidden name=sitesearch value="サイトのURL"></form> </form> </form> +----+ +----+ |購入| |検索| +----+ +----+
- ベストアンサー
- JavaScript
お礼
なんどもありがとうございます。 さんぷるまでかいてあるので、わかりやすいです。 また、参考サイトまでありがとうございます。 これを応用して、Forｍをべんきょうしてみます。 また、HTMLのエラーは確認しました。 いろいろとありがとうございます