使搜索栏功能化

时间:2014-03-15 02:46:10

标签: php html search

<div id="search">
<form method="post" action="sphider/search.php">
<fieldset>
<input type="text" name="s" id="search-text"  title="Search our website" size="15" value="" />
<input type="submit" id="search-submit" value="GO" />
                </fieldset>
</form>
</div>
</div>

我几乎已修复此代码,只是想知道如何使用当前工具栏而不是打开php脚本文件来使其工作。

2 个答案:

答案 0 :(得分:1)

是的,您需要一些服务器端脚本来实际搜索给定的查询。来自W3C HTML5 specification

  

表单是具有表单控件的网页的组件,例如   文本字段,按钮,复选框,范围控件或颜色选择器。一个   用户可以与这样的表单进行交互,提供随后可以的数据   发送到服务器进行进一步处理(例如,返回结果   搜索或计算)。

通常,除了脚本语言(如PHP)之外,您的服务器还需要一个数据库管理系统 - 例如MySQL--以便有效地存储和处理您的数据。

答案 1 :(得分:0)

您可以尝试这种设计......

#search {

}

#search input{
    background: url(search-dark.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #777;
    width: 200px;
    padding: 6px 15px 6px 35px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    transition: all 0.6s ease 0s;
    }

#search input[type="text"]:focus {
    outline: none;
    background: url(search-white.png) no-repeat 10px 6px #444;
    box-shadow: 0 1px 1px 0px white;
    color: red;
    }

<form method="get" action="/search" id="search">
  <input name="q" type="text" size="40" placeholder="Search..." />
</form>