如何将自定义Google搜索添加到我的自定义搜索框中?

麦基

因此,我想保留自己的Google框的样式,但我想直接转到页面的Google搜索。

代码看起来像这样:

<......>
</ul>
<form action="" method="post" id="FORM_10">
  <div id="DIV_11">
    <link href="css/search.css" rel="stylesheet" type="text/css"  id="LINK_12">

    <div id="DIV_14">
        <div id="DIV_15">
          <div id="DIV_16">
            <div id="DIV_17">
              <div id="DIV_18">
                <div id="DIV_19">
                  <div id="DIV_20">
                    <div id="DIV_21">
                      <input value="sdasdsad" id="INPUT_22" name="keys" size="60" maxlength="255" type="text">
                    </div>

                  </div>
                  <input id="INPUT_44" name="op" value="search" type="submit">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
  </div>
   </form> <a href="#" id="A_45" title="english">en</a> <a href="#" id="A_46" title="contacts">contacts</a>
    </div>       

并且我想以某种方式添加功能,就像gcse:search代码中存在的一样,但是我想保留我自己的风格化搜索框,但是当用户将其字符串插入搜索框时,他会得到一个弹出式覆盖窗口,其中包含指定网站上的Google搜索结果。

最坏的情况。我想了解如何正确自定义Google搜索框。

蒙蒂市长

Google支持“自定义”搜索引擎,您可以在此处注册,从而可以指定要包括在搜索中的域(和路径)(等同site:于搜索中的参数):

Google CSE

现在,在此示例中,我进行了搜索https://developer.mozilla.org,因为他们的现场搜索不如Google的搜索。我将其标记为MDN,然后单击“创建”(在同意服务条款之后):

Create the search engine for mozilla

从这里,我们将获得与Get Code按钮一起使用的源代码,这将为我们提供一个HTML代码段。我的看起来像这样:

<script>
  (function() {
    var cx = '005381150112327209486:iwm6p6iff_4';
    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);
  })();
</script>
<gcse:search></gcse:search>

将脚本插入您的脚本,<head>然后将<gcse:search>标签放置在您希望输入出现的位置。在这里阅读有关这些样式的自定义样式

希望这对您有所帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将自定义Google搜索添加到我的自定义搜索框中?

来自分类Dev

如何将自定义搜索链接添加到Spring Data Rest

来自分类Dev

如何将自定义搜索引擎添加到浏览器?

来自分类Dev

如何将自定义地图和自定义数据添加到Highmaps?

来自分类Dev

如何将自定义文件添加到自定义文章列表页面

来自分类Dev

如何将自定义主题应用于Google自定义搜索?

来自分类Dev

如何在“查询”构建器中将自定义列添加到我的选择中?

来自分类Dev

WordPress-如何将自定义元框添加到特定的管理页面?

来自分类Dev

如何将自定义元框添加到分类法?

来自分类Dev

如何根据合作伙伴表单中的字段将自定义过滤器/自定义搜索字段添加到销售订单视图

来自分类Dev

jQuery我们如何将自定义属性添加到<img>

来自分类Dev

如何将自定义数据添加到标记(Google Maps API SWIFT)

来自分类Dev

如何将自定义标头添加到Google oauth回调请求

来自分类Dev

如何将自定义文件系统添加到“窗口的格式数据”对话框的列表中?

来自分类Dev

如何将自定义警报对话框中的项目添加到列表视图?

来自分类Dev

Ms excel - 如何将 1 天添加到我的自定义日期?

来自分类Dev

如何将自定义属性添加到Symfony Doctrine YAML映射文件中

来自分类Dev

如何将自定义字段添加到Stripe Checkout的弹出窗体中

来自分类Dev

如何将自定义属性添加到传单0.7.7标记中?

来自分类Dev

如何将自定义CSS文件添加到Ofbiz的小部件中

来自分类Dev

如何将自定义文本添加到可以自动翻译的模块中

来自分类Dev

如何将自定义textField添加到警报中?

来自分类Dev

如何将自定义html块添加到页脚选项列表中?

来自分类Dev

如何将自定义css文件添加到asp.net mvc中?

来自分类Dev

如何将自定义行号添加到文件中

来自分类Dev

如何将自定义属性添加到传单0.7.7标记中?

来自分类Dev

如何将自定义矩阵添加到 Python 处理中的矩阵转换堆栈?

来自分类Dev

如何将自定义矩阵添加到 Python 处理中的矩阵转换堆栈?

来自分类Dev

如何将自定义记录添加到包含链接表的查询中?

Related 相关文章

  1. 1

    如何将自定义Google搜索添加到我的自定义搜索框中?

  2. 2

    如何将自定义搜索链接添加到Spring Data Rest

  3. 3

    如何将自定义搜索引擎添加到浏览器?

  4. 4

    如何将自定义地图和自定义数据添加到Highmaps?

  5. 5

    如何将自定义文件添加到自定义文章列表页面

  6. 6

    如何将自定义主题应用于Google自定义搜索?

  7. 7

    如何在“查询”构建器中将自定义列添加到我的选择中?

  8. 8

    WordPress-如何将自定义元框添加到特定的管理页面?

  9. 9

    如何将自定义元框添加到分类法?

  10. 10

    如何根据合作伙伴表单中的字段将自定义过滤器/自定义搜索字段添加到销售订单视图

  11. 11

    jQuery我们如何将自定义属性添加到<img>

  12. 12

    如何将自定义数据添加到标记(Google Maps API SWIFT)

  13. 13

    如何将自定义标头添加到Google oauth回调请求

  14. 14

    如何将自定义文件系统添加到“窗口的格式数据”对话框的列表中?

  15. 15

    如何将自定义警报对话框中的项目添加到列表视图?

  16. 16

    Ms excel - 如何将 1 天添加到我的自定义日期?

  17. 17

    如何将自定义属性添加到Symfony Doctrine YAML映射文件中

  18. 18

    如何将自定义字段添加到Stripe Checkout的弹出窗体中

  19. 19

    如何将自定义属性添加到传单0.7.7标记中?

  20. 20

    如何将自定义CSS文件添加到Ofbiz的小部件中

  21. 21

    如何将自定义文本添加到可以自动翻译的模块中

  22. 22

    如何将自定义textField添加到警报中?

  23. 23

    如何将自定义html块添加到页脚选项列表中?

  24. 24

    如何将自定义css文件添加到asp.net mvc中?

  25. 25

    如何将自定义行号添加到文件中

  26. 26

    如何将自定义属性添加到传单0.7.7标记中?

  27. 27

    如何将自定义矩阵添加到 Python 处理中的矩阵转换堆栈?

  28. 28

    如何将自定义矩阵添加到 Python 处理中的矩阵转换堆栈?

  29. 29

    如何将自定义记录添加到包含链接表的查询中?

热门标签

归档