▲TOPへ戻る

【html】サイト内検索の実装方法

googleカスタム検索など、いろいろサイト内検索の方法があるようですが、以下が簡単かと思います。

「css」と検索してみると

サイト内検索

googleで検索結果が表示されます。

サイト内検索

以下のコードで上のようなサイト内検索が簡単に実装できます。

 <div class="search">
    <form id="search" action="https://www.google.co.jp/search" method="get" target="blank">
      <input type="text" name="q" size="31" maxlength="255" placeholder="サイト内検索">
      <input type="submit" name="btng" value="検索">
      <input type="hidden" name="h1" value="ja">
      <input type="hidden" name="sitesearch" value="xxxx.com">  <!-- 検索したいサイトのアドレス -->
    </form>
  </div>

こんな記事も読まれています。

profile

パソコン好きなガオ

コロナ禍によるステイホームを機にプログラミングを学ぶ。パソコンに関してはプロではないが、ちょっと詳しい程度。

パソコン

javascript

カメラ

ブログ