如何在谷歌自定义搜索中使用我的搜索栏？

Question

这是我的表单的html代码：

<form action="#" class="searh-holder">
    <input name="se" id="se" type="text" class="search" placeholder="Search.." value="" />
    <button class="search-submit" id="submit_btn"><i class="fa fa-search transition"></i></button>
</form>

这是仅针对结果的Google自定义搜索脚本：

<script>
  (function() {
    var cx = '013571851987533538767:dc4iymzquf8';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

我不知道如何让我的搜索栏显示Google自定义搜索结果。我怎样才能让他们一起工作？非常感谢。

Answer 1

您可以在该输入中使用jQuery Autocomplete。

用户按一下键后，在google中进行搜索并在自动填充中显示结果。