Html 如何在我的网站中创建一个有效的搜索框?

Html 如何在我的网站中创建一个有效的搜索框?,html,Html,我如何在我的网站上创建一个搜索框,当我搜索某个东西时,它会把我带到谷歌。这是我的代码:-当我点击搜索按钮时它不工作 <div class="searchBox" > <form action="https://www.google.co.uk/" method="get" > <input type="text" name="Search" placeholder="Search Here..." size="20" /> <input type="b

我如何在我的网站上创建一个搜索框,当我搜索某个东西时,它会把我带到谷歌。这是我的代码:-当我点击搜索按钮时它不工作

<div class="searchBox" >

<form action="https://www.google.co.uk/" method="get" >
<input type="text" name="Search" placeholder="Search Here..." size="20" />
<input type="button" value="Search" />
</form>

</div>

如果你特别想使用谷歌,谷歌开发了一个方便的生成器,使之变得简单


如果你特别想使用谷歌,那就试试吧。谷歌开发了一款方便的生成器,可以让你轻松使用


尝试

因为您只是重定向用户,所以不需要使用表单操作。只需使用javascript打开按钮将用户重定向到所需的链接

HTML:


因为您只是重定向用户,所以不需要使用表单操作。只需使用javascript打开按钮将用户重定向到所需的链接

HTML:

您需要一个提交按钮(
type=“submit”
),而不是一个常规按钮(仅用于挂起JavaScript)

您需要将
操作设置为正确的URL(即
https://www.google.com/search

您需要为文本输入提供正确的
名称
(即
q
)。

您需要一个提交按钮(
type=“submit”
),而不是一个常规按钮(仅用于挂起JavaScript)

您需要将
操作设置为正确的URL(即
https://www.google.com/search


您需要为您的文本输入提供正确的
名称
(即
q
)。

您需要将您的操作定向到谷歌实际搜索的url。这是
google.co.uk/search

您输入字段的
名称
将是查询参数,谷歌希望它是
q
。因此,您的表单应该如下所示:

 <div class="searchBox" >
  <form action="https://www.google.co.uk/search" method="get" >
    <input type="text" name="q" placeholder="Search Here..." size="20" />
    <input type="submit" value="Search" />
  </form>
</div>

您需要将您的操作定向到谷歌实际搜索的url。这是
google.co.uk/search

您输入字段的
名称
将是查询参数,谷歌希望它是
q
。因此,您的表单应该如下所示:

 <div class="searchBox" >
  <form action="https://www.google.co.uk/search" method="get" >
    <input type="text" name="q" placeholder="Search Here..." size="20" />
    <input type="submit" value="Search" />
  </form>
</div>

将按钮类型设置为
submit
,将输入字段的名称设置为
q
,并将表单的目标设置为正确的基本页面
/search
,以便它实际填充所有正确的字段:

<form action="https://www.google.co.uk/search" method="get" >
  <input type="text" name="q" placeholder="Search Here..." size="20">
  <input type="submit" value="Search">
</form>


请注意,这里的示例不起作用,因为谷歌禁止框架访问。我还从
输入
字段中删除了
/>
结尾。

将按钮类型设置为
submit
,将输入字段的名称设置为
q
,并将表单的目标设置为正确的基本页
/search
,因此它实际上填充了所有正确的字段:

<form action="https://www.google.co.uk/search" method="get" >
  <input type="text" name="q" placeholder="Search Here..." size="20">
  <input type="submit" value="Search">
</form>


请注意,这里的示例不起作用,因为谷歌禁止框架访问。另外,我从
输入
字段中删除了
/>
结尾。

我想知道如何从技术上做到这一点。我想知道如何从技术上做到这一点。如果你刚才说他需要将文本输入从“Search”重命名为“q”,并将操作从“google.com.uk”重命名为“google.com”,那也是一样的。但我知道了,很高兴知道。简单得多。如果你只是说他需要将文本输入从“搜索”重命名为“q”,操作从“google.com.uk”重命名为“google.com”,那么情况也是一样的。但我知道了,很高兴知道。简单得多。