Question

如何在我的网站上创建一个搜索框，当我搜索我需要google的内容时。这是我的代码： - 当我点击搜索按钮时它不起作用。

<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>

Answer 1

由于您只是重定向用户，因此无需使用表单操作。只需在按钮上使用javascript重定向用户，点击即可获得所需的链接。

HTML：

<div class="searchBox" >
  <input type="text" name="Search" placeholder="Search Here..." size="20" />
  <button id="someButton">Search</button>
</div>

现在获取input的值并将其作为查询传递到google的网址。

JS：

$('#someButton').click(function() {
    var value = $( 'input' ).val();
    window.location.href = 'http://www.google.com/search?q='+value;
});

Answer 2

您需要一个提交按钮（type="submit"），而不是常规按钮（仅用于挂起JavaScript）。

您需要将action设置为正确的网址（https://www.google.com/search）。

您需要为文字输入正确 name（q）。

Answer 3

您需要将您的操作定向到网址，Google实际上会进行搜索。那是google.co.uk/search。

您的输入字段name将成为查询参数，Google希望此字段为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>

Answer 4

将按钮类型设置为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>

请注意，此处的示例无效，因为Google禁止访问框架。此外，我还从/> input字段中删除了$seriesData = array( 'Monday' => 12, 'Tuesday' => 15, 'Wednesday' => 13, 'Thursday' => 17, 'Friday' => 14, 'Saturday' => 9, 'Sunday' => 7 ); $lineChart = new Line(); $series = new Series('Downloads', $seriesData); $series->setShowSeriesName(false); $series->setShowValue(false); $series->setShowLeaderLines(false); $lineChart->addSeries($series); $shape = $currentSlide->createChartShape(); $shape->setResizeProportional(false)->setHeight(convertIn2Px(2.28))->setWidth(convertIn2Px(5.09))->setOffsetX(convertIn2Px(4.75))->setOffsetY(convertIn2Px(3.9)); $shape->getTitle()->setVisible(false); $shape->getPlotArea()->setType($lineChart); $shape->getPlotArea()->getAxisY()->setFormatCode('#,##0'); $shape->getLegend()->setVisible(false);个结尾。

Answer 5

如果您专门尝试使用Google，Google会开发一个方便的生成器来简化这一过程。

尝试https://cse.google.com/cse/

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

5 个答案: