由于团队平台需求,所以研究了一下,目前找到两个方法。原理大家因该都懂,就不解释了。
第一种:
比较简单,直接添加到需要放的地方即可。此方案更接近修罗博客原生代码。
<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>