HTMLで検索バーの作り方についてです

質問

僕は今スタートページの作成を試みているのですが検索バーを作るところでつまずいています
普通の検索バーなら作れるのですがSleipnirのスタートページhttp://www.sleipnirstart.com/のようにアイコンをクリックすると検索バーの中に打たれている文字をそのアイコンのサイトで検索するというものが作れません
HTMLで作れるならそれの作り方を教えてください

他にもスタートページを作るときに役立ちそうなものがあったら教えてください

回答No.1

Yune-Kichi · ベストアンサー

提示されているサイトの仕組みは，サーバーサイドのプログラムが302 Foundでリダイレクトさせるものです。
このため，そのままのものをクライアントサイドのみで作ることはできません。

検索文字列の与え方がすべてのサイトで同じであれば，
HTML5のformaction属性およびformmethod属性を指定する，という方法が採れるのですが，
今回の場合，検索文字列の与え方がサイトごとに異なるため，この方法も採れません。
つまりは純粋にHTMLのみでは不可能です。
なお，検索文字列の与え方が違う，というのは，
・Yahoo! Japanでは http://search.yahoo.co.jp/search?ei=UTF-8&fr=sls-pc&p=HTML5 とpに検索文字列を与える
・Amazon.co.jpでは http://www.amazon.co.jp/s/?creative=7995&campaign=759&link_code=wsw&__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&tag=sleipnir0a-2-22&search-alias=aps&field-keywords=HTML5 と，field-keywordsに検索文字列を与える
・Twitterでは https://twitter.com/search?q=HTML5 と，qに検索文字列を与える
のように，name属性値が異なっていることを意味しています。

純粋にHTMLのみではないですが，アイコンボタンのクリックイベントで，
対象のサイト用にフォーム情報を作り直して送信するようなJavaScriptを書けば，
サーバーサイドのプログラム無しで動くと思います。

お礼

回答ありがとうございます
なるほどHTMLのみでは無理なのですね
JavaScriptはまだかけないので勉強してから挑戦してみようと思います