彻底合并wp和Google搜索

→

效果:

1. 只调用一个input,不用切换
2. 没用jq,原生js

1. ↑本站顶部 - 输入搜索词后, 按回车键是wordpress自带搜索, 点GOOGLE是用Google搜索
2. 或在此测试:

<input id="xhd_sform" onkeyup="aa(this)"  value=""  type="text"  placeholder="Hit Enter to search…" />
<script>
   /**
    * Merger_wp_ggsearch
    * coder: xiaohudie
    * 2013-06-08
    */
function aa(obj){
    document.getElementById("xhd_f1").value=obj.value;
   document.getElementById("xhd_f2").value=obj.value;
}
  document.onkeydown = function(evt){ 
var evt = window.event?window.event:evt; 
if(evt.keyCode==13) 
{ 
document.getElementById("top_search_form").submit(); 
} 
}  
function xhd_smt(){  
  
  document.getElementById("top_search_form2").submit();  
 
}   
</script>  
 
  
<form style="display:none" accept-charset="UTF-8" action="http://xiaohudie.net" name="s"  id="top_search_form" method="get">
 <input type="text"  name="s" id="xhd_f2" placeholder="Hit Enter to search…" > 
</form>
<form style="display:none" accept-charset="UTF-8" action="http://xiaohudie.net/search"  id="top_search_form2" method="get">
 <input type="text" name="q" id="xhd_f1" value="" placeholder="Search in Google" tabindex="1" autocapitalize="off" autocomplete="off" > 
 <input type="submit" value="Google" tabindex="1" autocapitalize="off" autocomplete="off"> 
</form>
<input type="button" id="xhd_gs" onClick="javascript:xhd_smt();" value="GOOGLE ">