如何修改Blogger搜索表单,实现带title前缀的搜索参数?
解决Blogger搜索表单URL格式问题
要让搜索提交后生成www.my_blog.blogspot.com/search?q=title:SearchText格式的URL,只需修改表单的提交逻辑,自动在用户输入的搜索词前添加title:前缀,具体修改方法如下:
修改后的表单代码
<form class="aps-search-form search" role="search" action="/search" onsubmit="this.q.value='title:'+this.q.value.trim(); return true;"> <div class="aps-search-field"> <input type="text" name="q" class="aps-search" value="" placeholder="Example : Samsung Galaxy Note 3" /> <span><button class="aps-icon-search aps-search-btn" type="submit" value=""></button></span> </div> </form>
修改说明
在原表单的<form>标签中添加了onsubmit事件处理代码:onsubmit="this.q.value='title:'+this.q.value.trim(); return true;"
这段代码会在表单提交前执行:
- 获取输入框(name为
q)的内容并去除首尾空格 - 在内容前拼接
title:前缀,重新赋值给输入框 - 允许表单正常提交,此时生成的URL就会包含
q=title:SearchText参数
内容的提问来源于stack exchange,提问作者Hesham Mohamed
相关产品推荐
相关产品推荐

