有时候需要共用一个搜索框来做一些效果,如下图
下面是主要逻辑代码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>