软件库

一款DIY百度搜索框代码，解决百度站内搜索不支持HTTPS问题

站长小智

有时候真不知道百度怎么想的，在大力宣扬网站支持https是时代发展的趋势时，却连自家产品都还停留在http阶段，例如百度分享，例如百度站内搜索。或许百度根本就不重视上述两个产品？真不知它葫芦里卖的什么药。

但是抱怨归抱怨，百度的产品该用还得用。在网上看到许多站长希望将百度站内搜索放在自己网页上，但除了有很少站长给出解决办法之外，基本上都是抱怨不支持https为多。看了网上的教程，要么解决方案比较复杂，要么根本用不上（不知方法失效还是咋的）。

下面，Jane将为大家分享一个百度搜索框代码，希望对大家有帮助。

优点：可以很好的兼容于https网站。

缺点：不是原生百度站内搜索代码，仅满足站内搜索需求，不支持搜索结果页设置。

效果图

部署代码时请将域名lixuejiang.com改为自己网站一级域名（通常不带www的域名收录数量较多，搜索结果也相对较多一点）

搜索代码

  1. <div class="wp" id="diy_search">
  2. <form name="f1" action="http://www.baidu.com/baidu" target="_blank">
  3. <div width="450px">
  4.             <div height="40">
  5.             <span width="370">
  6.             <input name="word" maxlength="80" style="width:360px;" class="search_txt" />
  7.             <input name=tn type=hidden value="0051" />
  8.             <input name=cl type=hidden value="3" />
  9.             <input name=ct type=hidden value="2097152" />
  10.             <input name=si type=hidden value="lixuejiang.com" />
  11.             </span>
  12.             <span width="80">
  13.             <input type="submit" value="百度一下" class="search_submit" />
  14.             </span>
  15.             </div>
  16. </div>
  17.     </form>
  18. </div>

css样式

  1. #diy_search{
  2.      margin-top:1px;
  3.      margin-left:250px;
  4.      padding:2px;
  5.      width:600px;
  6.  }
  7. #diy_search .search_txt{
  8.     background-color: #ffffff;
  9.     border-style: solid;
  10.     border-width: 1px;
  11.     border-color: #338bf9;
  12.     height: 35px;
  13.     width:400px;
  14.     float:left;
  15.     padding-left:10px;
  16. }
  17. #diy_search .search_submit{
  18.     background-color: #338bf9;
  19.     border-style: solid;
  20.     border-width: 1px;
  21.     border-color: #338bf9;
  22.     color: #ffffff;
  23.     height:35px;
  24.     width: 80px;
  25. }

本文源自Jane博客，原文链接: https://www.lixuejiang.com/jianzhan/3726.htm

退出移动版