有时候需要共用一个搜索框来做一些效果,如下图
下面是主要逻辑代码css自己调一下
<form> <input type="text" name="keyboard" id="mimiwuqi-com" placeholder="关键词搜索..." class="search-top-input" /> </form> <div class="fl right-but"> <a onclick="searchByBaidu()">百度搜索</a> </div> <form style="display: none" target="_blank" id="baiduForm" action="http://zhannei.baidu.com/cse/site"> <input type="text" name="q" id="baiduQuery" /> <input name="ie" type="hidden" value="utf-8" /> <input name="cc" type="hidden" value="www.mimiwuqi.com" /> </form></body><script> //百度搜索 function searchByBaidu() { document.getElementById("baiduQuery").value = document.getElementById("mimiwuqi-com").value; document.getElementById("baiduForm").submit(); }</script>