Javascript 使用Google搜索HTML
我正试图让我的网站上的搜索功能使用谷歌工作。以下是HTML:Javascript 使用Google搜索HTML,javascript,html,search,Javascript,Html,Search,我正试图让我的网站上的搜索功能使用谷歌工作。以下是HTML: <!-- Start Search --> <div class="top-search"> <div class="container"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-search"></i
<!-- Start Search -->
<div class="top-search">
<div class="container">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input id="search" type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div>
<!-- End Search -->
JS:
<!-- Search JavaScript -->
<script type="text/javascript">
document.getElementById('form-control').onsubmit = function() {
window.location = 'http://www.google.com/search?q=site:mywebsite.co.uk ' + document.getElementById('search').value;
return false;
}
</script>
<!-- End Search Javascript -->
您需要一个元素才能触发onsubmit事件。将元素包装成一个表单,它就会工作
<form>
<!-- Start Search -->
<div class="top-search">
<div class="container">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input id="search" type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div>
<!-- End Search -->
</form>
有什么问题?您可能想将输入类型更改为search@JosanIracheta当我按enter nothing时,它不会搜索happens@ClaudioCortese我会这么做的,它不起作用,因为你没有表格。将输入元素包装在表单中,它将提交