8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

 
修罗博客的搜索框加在其他网站,需要插件支持!
天无神话 9月前

     由于团队平台需求,所以研究了一下,目前找到两个方法。原理大家因该都懂,就不解释了。

第一种:

比较简单,直接添加到需要放的地方即可。此方案更接近修罗博客原生代码。

<form action="http://博客域名/search.htm" id="form">
 <div class="input-group">
      <input type="text" class="form-control" placeholder="请输入搜索内容…" name="keyword" value="这里是预选文字,可不填">
      <span class="input-group-btn">
        <button class="btn btn-default" type="submit" id="submit"><i class="glyphicon glyphicon-search"></i></button>
      </span>
    </div>
</form>

第二种:

利用了接口,用到了JS。美化代码更加方便。js需要放在<body>外

HTML部分:

 <div class="input-group">
  <input type="text" class="form-control" value="这里是预选文字,可不填"  placeholder="请输入搜索内容…" id="textId">
<span class="input-group-btn">
<button type="button" onclick="sou()" class="btn btn-default " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>

JS部分:

<script>
function sou(){
var nr = 'http://博客域名/search.htm?keyword='+$("#textId").val();
window.location.href=nr;
}
</script>
分割线 小储云商城一条龙授权 聚力云互联首月3元
看过的人 (1)
  • 天无神话
最新回复 (0)
返回
免责申明:本站极少部分资源来自于网络,如有侵权,请发邮件至(twsh0305@qq.com),告诉我们,我们会立即撤下相关内容!