Javascript--HTML 搜索框

1.想在HTML页面上加入搜索框，进行站内搜索，效果是搜索框提示词点击后消失，可自行输入关键词，在网上找到了一段代码，是在HTML里面的，但是我想把它分离出来，放在单独的JS文件里，不知道该怎么做，求解答。
2.想在一个页面放入两个这样的搜索框，一个在页面顶部，一个在页面底部，方便使用，请问要怎么改？

代码如下：
  <form id="sitesearch" name="SiteSearch" method="post" action="/#" >
                      <input id="searchstring" onclick="emptyOnEntry" type="text" name="SearchString" value="Keyword"/>
                      <input id="searchbutton" type="submit" name="SearchButton" value="Search"/>   
           
                </form>
                
               <script language="javascript">
                var s= tElementById("searchstring");
                s.onfocus=function(){if( lue== faultValue) lue=''};
                s.onblur=function (){if(/^\s*$/.test( lue)){ lue= faultValue; lor='#aaa'}};
                s.onkeydown=function(){  lor='#333'};
                </script>  

纯小白， 请高手解答的详细点，详细。如有更好的代码，也请分享。

全部

y***

回答