全面的前端编程教程 - 秘密武器开发者中心

热搜:m1 代理 前端 301

百度站内搜索共用一个搜索框方法

2021-03-08 18:24:20

有时候需要共用一个搜索框来做一些效果,如下图
百度站内搜索共用一个搜索框方法

下面是主要逻辑代码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>