I use my search bar on my site and I will use the google search system, but I did not necessarily want to use the bar that google generates, I wanted to use mine, can anyone help me?
(function() {
var cx = '011166474705386424309:un7tmwwznck';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
<div class="row d-flex justify-content-center">
<div class="col-md-10">
<form class="form-wrap mt-4">
<div class="btn-group" role="group" aria-label="Basic example">
<input type="text" placeholder="O que você está procurando?" class="btn-group1">
<input type="text" placeholder="Itajubá" class="btn-group2">
<button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span>PESQUISAR<i class="pe-7s-angle-right"></i></button>
</div>
</form>
</div>
</div>
<gcse:search></gcse:search>