聚力云博客
[教程]xiuno的搜索框加在其他网站，需要插件支持！
天无神话
发布于 2020-5-25
天无神话
发布于 2020-5-25
由于团队平台需求，所以研究了一下，目前找到两个方法。原理大家因该都懂，就不解释了。
第一种：
比较简单，直接添加到需要放的地方即可。此方案更接近修罗博客原生代码。
<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>
相关帖子
最新回复 (0)
免责申明:本站极少部分资源来自于网络，如有侵权，请发邮件至(twsh0305@qq.com)，告诉我们，我们会立即撤下相关内容！