質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1204閲覧

外部サイトに飛ぶ際、URLにフォームをGETで送りたい

tukkk30

総合スコア7

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/10/10 12:10

###前提・実現したいこと
自分のサイト内で検索欄に検索ワードを入力し検索ボタン押下後、外部サイトのURLに検索ワードをGETでくっつけてそのページを開きたい

###発生している問題・エラーメッセージ
name="name"のinputタグに入力された検索ワードを飛び先にGETしたいが、formのactionに入力したURLと違うURLになってしまう
GETにすると、飛び先のURLが、https://hogehoge.com/index.php?name=〇〇(検索ワード)になってしまう

###該当のソースコード

html

1<form method="get" id="searchform" action="https://hogehoge.com/index.php?id=$name"> 2 <input type="search" id="name" name="name" placeholder="検索ワードを入力"> 3</form>

###補足情報(言語/FW/ツール等のバージョンなど)
どうしてもわかりません。
かなりの初心者です。

何かヒントでもいいので、詳しい方いらっしゃいましたら教えて頂けるととても助かります。
申し訳ないですが、よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

HTML

1 2<form method="get" action="https://hogehoge.com/index.php"> 3<input type="search" name="id" placeholder="検索ワードを入力"> 4</form> 5

ではないでしょうか?

追記

https://hogehoge.com/index.php?id=we&k=〇〇(検索ワード)

idがスタティックなデータならhiddenで埋め込んで下さい

HTML

1 2<form method="get" action="https://hogehoge.com/index.php"> 3<input type="hidden" name="id" value="we"> 4<input type="search" name="k" placeholder="検索ワードを入力"> 5<input type="submit" value="go"> 6</form> 7

パラメータに%や&が入っていた時は

&はパラメータの区切り文字なのでそれ以外の用途でURLに含まれることはありません。
(エンコードの絡みで絶対ないとはいいきれませんが)

%でエンコードされるのはブラウザによるurlencode機能なので
具体的な例示がないとなんともいえません
javascriptと絡めれば細かい設定も可能ですが・・・

投稿2017/10/10 13:26

編集2017/10/11 03:01
yambejp

総合スコア114896

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tukkk30

2017/10/11 02:22

回答ありがとうございます。 ご助言通りに調整したらできました。頭が固くて恥ずかしいです。 また追加で質問があるのですが、もし下記のようにリンク先のURLのパラメータに%や&が入っていた時はどう飛ばせばいいのでしょうか? https://hogehoge.com/index.php?id=we&k=〇〇(検索ワード) %や=がエンコードされてしまい、意図したURLにならないです。 よろしくお願い致します。
yambejp

2017/10/11 02:30

追記しておきました
tukkk30

2017/10/11 02:56

確認しました。 思い通りの挙動が出来ました!お時間割いていただき、誠にありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問