多搜索,单一搜索栏HTML

时间:2014-04-06 23:10:17

标签: html search-engine searchbar

正如标题所述,我试图将许多搜索结合到一个搜索栏中。更具体地说,谷歌和亚马逊。我已经设置了一个无线电选项来设置选择一个站点时要搜索的站点。 这是我目前的代码:

<form method="get" action="http://www.google.com/search">

    <div align="center" style="font-size:75%">
        <input type="text"   name="q" size="25" maxlength="255" value="" />
        <input type="submit" value="Google or Amazon Search" /></br>
        <input type="radio"  name="sitesearch" value="" />The Web
        <input type="radio"  name="sitesearch" value="yoursite.com" checked />This Site
    </div>
   </form>

我有亚马逊的这个表格,但我不确定如何将其编码到一个搜索栏中。

<form action="http://amazon.com/s/ref=nb_sb_noss" method="get" target="_blank">
    <input type="text" id="twotabsearchtextbox" name="field-keywords">
    <input type="submit" value="Search" class="nav-submit-input">
</form>

1 个答案:

答案 0 :(得分:0)

使用JavaScript来更改页面的DOM(以及其他参数,如果需要)中的实际表单操作,具体取决于用户选择(例如,使用onclick event on radio to montior for change)。就那么简单。您无法使用某种代理服务器重定向请求并正确返回结果,因此无法在纯HTML中执行此操作。

document.your-form.action = (google_selected) ? "http://www.google.com/search" : "http://amazon.com/s/ref=nb_sb_noss";