Question

旁白：在所有人都告诉我有关Google的自定义搜索引擎之前，直到现在我一直在使用它，但我发现很难为该搜索框设置样式，并且该搜索框在我的网站上损坏了。

你好

我正在尝试创建一个使用来自HTML表单的输入的Google搜索查询。我希望仅在特定站点（例如reddit.com:elephant）上执行搜索。

我遇到的问题是“ reddit.com：”部分。我可以将“大象”传递给查询，但是我尝试执行的所有操作似乎都忽略了第一部分。

这是下面的代码

<form method="get" action="https://www.google.com.au/search?site+q">
        <input type="hidden" name="site" value="reddit.com:">
        <input type="text" value="" name="q" id="query">
        <input type="submit" value="search">
 </form>

我尝试了没有“ site + q”的情况，尝试将“ reddit.com％3A”放入操作本身（action =“ https://www.google.com.au/search?reddit.com%3A + q“），但只有“ q”会在查询中传递。提交上面的表格后，我得到的链接看起来像这样

https://www.google.com.au/search?site=reddit.com%3A&q=elephant

我已经用类似的链接在Google上进行了一些研究，而最有用的网站是这个https://moz.com/blog/the-ultimate-guide-to-the-google-search-parameters，但是，老实说，它使我感到非常困惑，我找不到任何可以帮助我的东西出来。它已经十岁了，所以我什至不确定那是否仍然有效。

我想念什么？谁能指出我正确的方向？

我也不确定此帖子的标签，请根据需要对其进行更正。

提前谢谢

Answer 1

我发现另一个线程在问我到底想要什么：Add Google search in web page

这是懒惰的代码段：

您只需要将form方法设置为“ get”，在要搜索的网站上添加一个额外的隐藏元素，它将自动将其粘贴到URL后面，例如：

<form action="https://google.com/search" method="get">
    <input type="hidden" name="sitesearch" value="http://acme.com" />
    <input type="text" name="q" />
</form>

因为这是默认情况下HTML表单的工作方式

Answer 2

这种构造怎么样？

<form role="search" method="get" action="https://www.google.com/search?q=site:reddit.com+x">
    <div class="search-control">
        <input type="search" id="site-search" name="x"
               placeholder="Search the site..."
               aria-label="Search through site content">
        <button>Search</button>
    </div>
</form>

将html表单值传递给Google搜索查询

2 个答案: