タブを当社のウェブサイトを検索してみましょう!

2415 ワード
webdev tutorial html テキストリンク
あなたはクロムベースのブラウザでそれを使用している可能性があります-ウェブサイトのリンクを入力し、サイトを検索するタブを押した.Github、dev、stackoverflow、Google、Twitterのための作品npmjs.org , このポストでは、私はあなた自身のサイトを検索するタブを実装する方法を示します.

1：1つのフォームを作成し、*クロム*それをピックアップし、それを使用します。


はい.あなたは文字通り(いくつかの制限を持つ)フォームを作成することができますし、幸運なクロムがそれを認識し、それを使用している場合.
主な制限:
  • フォームはGET
  • フォームはHTTP URL
  • フォームにonsubmit script (!)を持たない.
  • text型の入力要素は一つだけでなければなりません.
  • いいえパスワード、ファイルやテキスト領域.
  • 他のすべての入力要素はデフォルト状態でなければなりません.
    • OK、最良の方法ではない.

    方法2 : OSDDへのリンク


    XMLファイルを作成するosdd.xml (または何でも)次のコードを入れます.
    <?xml version="1.0"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
    <ShortName>Search My Site</ShortName>
    <Description>Search My Site</Description>
    <Url type="text/html" method="get" template="http://my_site/{searchTerms}"/>
</OpenSearchDescription>
    そして次のようにHTMLファイルにリンクします.
    <head>
    <link type="application/opensearchdescription+xml" rel="search" href="url_of_osdd_file"/>
</head>
    そして、あなたは行くのが良いです!
    私のテストhere . または、そうしたくない場合は、以下のGIFを見てください.

    これに関する詳しい情報がありますhere . 読書ありがとう!
    キュー
    イベントを使用したTextArea要素のキー遅延の防止