Googleを使用してHTMLを検索する

Question

私は、Googleを使用して自分のウェブサイト上のSearch機能を機能させようとしています。

<!-- 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 --> 

Answer 1

あなたがトリガされるonsubmitイベントのために<form>要素を必要とし、以下のHTMLがあります。 <input>要素をフォームにラップすると機能します。

<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>