HTML フォームを使用した検索ボックスの作成

Google カスタム検索では、ページにカスタム検索エンジンを設置するための iframe の使用はサポートされなくなりました。Google では Custom Search Element のみをサポートしますが、引き続き HTML フォームのコードを使用してサイトに検索ボックスを実装できます。

<form id="cse-search-box" action="http://google.com/cse">
  <input type="hidden" name="cx" value="YOUR SEARCH ENGINE ID goes here" />
  <input type="hidden" name="ie" value="UTF-8" />
  <input type="text" name="q" size="31" />
  <input type="submit" name="sa" value="Search" />
</form>
<img src="http://www.google.com/cse/images/google_custom_search_smwide.gif">

注: 上記のサンプル コードの「YOUR SEARCH ENGINE ID goes here」の部分を、実際の検索エンジン ID に置き換えてください。(検索エンジン ID を確認するには [設定] をクリックして、[基本] タブの [検索エンジン ID] をクリックします。


HTML フォームのコードは利便性のためにのみ提供されています。Google カスタム検索ではこの問題に対するサポートは提供しておりません。すべての無料の検索エンジンに Google ブランドを表示する必要があります。

 

検索
検索をクリア
検索を終了
メインメニュー
11869157127796384758
true
ヘルプセンターを検索
true
true
true
false
false