どのように私はワードプレスサイトの検索の部分を作ることができますか？

Question

私はそれをメニューで検索ユーティリティにしたいワードプレスサイトを持っています。

www.yoursite.com?s=keyword 

それは彼らのタイトルにキーワードのすべての記事を検索します。我々は、ブラウザにこれを置けば

は、私が知っています。

しかし、私はフォームを作成し、それを処理するためにJavascriptを使用する方法はありません。

任意のアイデアを参考にウィル

私はheader.phpの中で試してみました何：メニューの一部で

<script>$(document).ready(function(){ 
function search(){ 
    var uri = $("#searchtxt").val(); 
    window.location.href="www.codepro.gq?s="+uri; 
    return; 
    } 
}) 
</script> 

：

<form class="navbar-form navbar-left"> 
    <div> 
     <input type="text" id="searchtxt" placeholder="Search" /> 
    </div> 
    <button onclick="search()">Search</button> 
    </form> 

Answer 1

私はjQueryのを使用していない（私はアマチュア）
私はそれをJavascriptでのみ行い、必要に応じて編集します。

はここでJavascriptの&フォームのコードですが、私は知らない、「HTTP」にURLを変更しますが、私は、URL

function search(){ 
 
    var uri = document.getElementById("searchtxt"); 
 
    window.location.href = "http://www.codepro.gq?s="+uri.value; 
 
    return; 
 
    }

<form class="navbar-form navbar-left"> 
 
    <div> 
 
     <input type="text" id="searchtxt" placeholder="Search" /> 
 
    </div> 
 
\t <input type="button" value="Search" onClick="search()"/>

で「WWW」を使用する際に問題がありました

<button>タグを<input>タグに変更しました。別のブラウザでは、<button>要素に異なるデフォルトの種類が使用されています。