• ベストアンサー

<form>タグについて

宜しくお願い致します。 店舗検索などで店舗名検索、地域検索、営業時間検索という形で3種のFORMがあります。それぞれ単独での検索が可能なのですが、これを複合した形で検索させる良い方法が思いつきません。<form>タグ内にさらに<form>タグを挿入する事は出来なかったので、どうすればよいか悩んでおります。アドバイス頂けますと大変助かります。何卒、宜しくお願いします。

  • nikuq
  • お礼率75% (477/631)
  • HTML
  • 回答数3
  • ありがとう数4

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

  • ベストアンサー
  • Gimli
  • ベストアンサー率47% (9/19)
回答No.3

３つのFORMの送信先が同一と仮定してアドバイスします。 ３つに分けてるFORMは１つにまとめましょう。 １つのFORM内に複数のSUBMITボタンが存在しても問題ありません。 ↓こんな感じに。 [店舗名検索] ボタン [地域検索] ボタン [営業時間検索] ボタン [複合検索] ボタン ちなみに複数のSUBMITボタンが存在する場合、押されたボタンのVALUEが送信されます。 なので、受取側（CGI、ASP等）では、どの検索タイプか判断できます。 SUBMITボタンでなく、画像等を使ってボタンにしている場合は、JavaScriptで処理するのが無難じゃないでしょうか。 HIDDENを使って検索タイプを格納してから送信するようにします。 では。

nikuq
質問者

お礼

ありがとうございます！ おっしゃる通り、PHPとJavaScriptを使って作れました。 ありがとうございますm(__)m

その他の回答 (2)

  • tailkuppa
  • ベストアンサー率53% (52/98)
回答No.2

それぞれのフォームでは同じURL に送信しているのでしょうか。 同じURL に送信しているのであれば、単純に<form>の中にそれぞれの<input>を全て含めることで解決可能かも知れません。 そうでない場合は、<form>がどうのというレベルでは解決できないように思います。 その３つのフォームのソースを差し支えない程度に見せて頂くのが一番話が早いように思います。

nikuq
質問者

お礼

ありがとうございます！ すみません。クライアントから急に要求されて軽くパニクッてました。 何とか自己解決できました。 お騒がせ致しましたm(__)m ほんとはコードを公開したいのですが文字数オーバーでダメでした(T_T)

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

検索フォーム(HTML)の書き換えだけでできるか、できるとしたらどうすればよいか、はHTMLの文法などの一般的な問題ではなくお使いの検索処理のシステム固有の問題になります。 検索処理を行っているCGI等のプログラムの概要（少なくとも配布元やサービスの提供元）がわからないと答えようがないです。 その検索システムを作った人／サービスの提供元に問い合わせるのが近道だと思います。

nikuq
質問者

お礼

ありがとうございます！ そうですね。おっしゃる通りで、どういったプログラムを使っているのか分からないと答え様がないと思います。 大変失礼致しました。 PHPとMySQLを使った検索システムなのですが、ちょっとしたJavaScriputとPHPを少し工夫したら解決しました！ ありがとうございます！！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • formタグ下にできる隙間を埋めたい

    HTMLでformタグを挿入し、cssで行間指定をしました。 firefoxでは問題ないのですが、IEで見ると、フォームの直下に余分な隙間ができてしまいます。 この隙間を埋めたいのですが、対処方法を教えていただけないでしょうか。

    • ベストアンサー
    • HTML
  • Formタグのブロックの高さについて

    いつもお世話になります。 このところ、めっぽうブラウザーの種類が増えて、 その数だけ、Formタグで囲った<input type='submit'....>の 高さもまちまちです。 これを、一定の高さに全てのブラウザーに適応させる 良い方法は、ないでしょうか？ ちなみに、CSSでやってみましたが、だめでした。 記述方法が間違っていたのかもしれませんが。 どうか、アドバイスお願いします。

    • ベストアンサー
    • HTML
  • formタグのactionを切り替えたい。

    現在、formの作成で悩んでいます。 例えば (1)魚を検索(action="fish.php") (2)肉を検索(action="meat.php") (3)野菜を検索(action="vegetables.php") の３つがあり、それぞれactionが上記の様に別だとします。 これを一つのフォームで検索をしたいと考えています。 <form action="ここを切り替えたい" method="get"> <select class="" name="search_type" id="search_type"> <option value="fish">魚</option> <option value="meat">肉</option> <option value="vegetables">野菜</option> </select> <input name="search_keyword" id="search_keyword" value="" type="text"> <input src="search_button.gif" alt="検索" type="image"> </form> 上記の様なhtmlだとして、selectの選択によってactionを切り替え検索をしたいと思っています。 色々とgoogle等で検索してみたのですが、良い方法が見つからず皆様のお力をお借りしたく、投稿しました。 是非とも、ご教授とご指導を宜しくお願い致します。

  • Formタグ内にあるテキストボックスのname取得

    HTMLページ内に、Formタグがいくつかあって、その中にテキストボックスが一つずつ配置されています。 ページをロードしたときに、そのテキストボックスのnameを取得してそのnameに基づいた処理をしたいと思っています。 Fromタグはページ内にいくつあるか決まっていません。 nameも取得しないとどういうnameがあるか分からない状態です。 name取得が出来るのかが分からないのですが、ここ数日ずっとネットで検索していたのですが見つからず、取得方法がご存じの方、教えて頂けませんでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • AJAX
  • tableタグ内のformの扱いについて

    ホームページを修正していてブラウザによって表示が違うので、その対処方法を知りたくて質問します。 知りたいことはブラウザによって極端にテーブルが崩れてしまうので、修正しているのですがあまりにも量が多くて処理に時間がかかるため・・・私の事情なので割愛します。 要件は firefox16では正常に表示されるのですが、ie8で表示すると崩れてしまいます。 その他サファリ、クロームでも確認しましたが、理想通り表示されます。 http://android-style.sakura.ne.jp/help_test/contact.html 検索していろいろ調べてみましたが、tableの中にformを入れないようにすると言うアドバイス以外ありません。。。 なにかいい対処方法やアドバイスお願いします。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 「ホームページNinja 9」で検索除けタグの挿入方法

    此処で「ホームページNinja 9で検索避けをする方法」を拝見しましたが、メカ音痴で初心者の私には、ホームページNinja 9で検索除けのタグを入れる方法が未だ理解できず、悪戦苦闘しております。 どなたか「ホームページNinja 9」で検索除けタグの挿入方法が判る方がいらっしゃいましたら、どうぞ詳しく教えて下さい。 私のやり方だと まずサイト頁の１枚全体をクリックし。 頁の一番上左端に検索除けタグを入れる場所を決めて、 ホームページNinja 9の「ページ編集」-ツール「挿入」-「ＨＴＭＬタグ」クリックし、「ＨＴＭＬタグの編集」の中に検索除けタグをコピペして挿入してＦＴＰ転送してみます。 しかしＷｅｂソース確認してみると、どうしてかそのタグがHEADとHEADの間には入れず、HEADとHEADの間ではない下の方に入ってしまっているのです。 検索除けタグをHEADとHEADの間に入れたいのですが、ＨＴＭＬ初心者の私にはどうすればいいのか判りません。どうぞ判りやすいアドバイスをよろしくお願い致します。

  • ブログに検索よけタグの挿入方法を教えて下さい。

    ブログに検索よけタグの挿入方法を教えて下さい。 無料ホームページ【ＷＥＢでき】のブログを利用していますが、 そのブログに「検索よけタグ」を挿入したいのですが、どんな検索よけタグをどうやれば挿入出来るのか？メカ音痴の為、よく理解できず苦心しております。 ◆【ＷＥＢでき】ブログに検索よけタグの挿入方法を判り易く教えてください。 ◆ブログの検索よけタグは 【meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE"】 でよろしいでしょうか？ しかし、 ◆他ページのタグ発行で「※アクセス解析用タグに改変あった場合、削除対象となります」との注意書きがあったのですが、この意味を解釈するには頭がパンクしてて。もしかしていじって、検索よけタグを入れてはだめなのだろうか？と思って困惑しております。 ◆他に「ＷＥＢでき」ブログ設定ページ編集では「METAタグ欄」がありますけれど、それは検索されやすいようにという意味ですよね？ 此処の欄に検索よけタグを入れていいのかどうか…いや違いますよね？ 「ＷＥＢでき」サポートＢＢＳに「検索よけ」の事を質問していいかどうか判らなくて………此処で質問させて頂きました。 「ＷＥＢでき」を利用しているお方がいらっしゃいましたら、質問に的確で判りやすい回答をどうぞよろしくお願い致します。 というか、この判りにくい質問で申し訳ありません！！

  • formタグのvalue="" に代入される文字列をsubmitボタン

    formタグのvalue="" に代入される文字列をsubmitボタンが押されたときに Javascriptでlocation.hrefで現在のURLを判定して 条件分岐してformタグのvalue=""　に　"A" や "B"　といった 文字列を代入したいと考えてます。 現在下記のタグを書いているのですが、submitボタンが押されたときに パラメータにvalueの値が代入されず、困ってます。。。 タグの記述に間違いがあると思うのですが、ご指摘いただけないでしょうか？ ■現在のタグ １．Javascript側 <script> <!-- function check() { if(location.href.startsWith('http://www.AAA.com/AAA/')){ document.exp.categoryII.value = "A"; }else if(location.href.startsWith('http://www.AAA.com/BBB/')){ document.exp.categoryII.value = "B"; } return true; } // --> </script> ２．formタグ側 <form onsubmit="return check()" name="exp" action=""> <input name="gen" value="6" type="hidden" /> <input name="categoryII" value="" type="hidden" /> <input name="button" value="検索" type="submit" /> </form> よろしくお願い致します。

  • 検索避けタグについて

    初歩的な質問で恐縮なのですが、よろしくお願い致します。 現在簡単に無料でHPが作成できるサイト様にお世話になってHP作成中なのですが、 検索避けタグの挿入方法がわからず困っています。 <head>～</head>間に <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> <META NAME="ROBOTS" CONTENT="NOARCHIVE"> を挿入すると聞いたのですが、 わたしのような簡易作成HPの場合、＜head＞と言うのはどこにあるのでしょうか。 また、挿入できているかどうかを確認する方法はあるのでしょうか。 お世話になっている簡易HP作成サイト様でも同様の質問をしてみたのですが、回答が得られずこちらを頼ってみました。 どうぞよろしくお願い致します。

  • <form>の活用方法を教えてください。

    WEB制作初心者ですので誰か教えてください！ <FORM>を活用して自分サイトから直接検索エンジンなどにデータを受け渡す事は出来るのですが、直接自分のサイトから検索エンジンなどにデータを受け渡す際に、アフィリエイトのIDや任意のタグ（固定）をアドレスの後ろに付けたい場合はどのような方法があるのでしょうか？ ＜例＞http://******.com/kensaku.php?word=キーワード&任意のタグ

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する