Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使搜索栏功能化_Php_Html_Search - Fatal编程技术网

Php 使搜索栏功能化

Php 使搜索栏功能化,php,html,search,Php,Html,Search,我几乎已经修复了这段代码,只是想知道如何使用当前工具栏使其工作,而不是打开php脚本文件。是的,您需要一些服务器端脚本来实际搜索给定的查询。从: 表单是具有表单控件的网页的组件,例如 文本字段、按钮、复选框、范围控件或颜色选择器。A. 用户可以与这样的表单交互,提供数据,然后 发送到服务器进行进一步处理(例如返回结果 指搜索或计算) 一般来说,除了脚本语言(如PHP),您的服务器还需要一个数据库管理系统(如MySQL),以便高效地存储和处理数据。您可以尝试这种设计… <div id="se

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

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

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


一般来说,除了脚本语言(如PHP),您的服务器还需要一个数据库管理系统(如MySQL),以便高效地存储和处理数据。

您可以尝试这种设计…

<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>
#搜索{
}
#搜索输入{
背景:url(search dark.png)无重复10px 6px#444;
边界:0无;
字体:粗体12px Arial,Helvetica,无衬线;
颜色:#777;
宽度:200px;
填充:6px 15px 6px 35px;
边界半径:20px;
文本阴影:02px2pRGBA(0,0,0,0.3);
框阴影:0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0.2)插入;
过渡:所有0.6秒到0秒;
}
#搜索输入[type=“text”]:焦点{
大纲:无;
背景:url(search white.png)无重复10px 6px#444;
盒影:0 1px 1px 0px白色;
颜色:红色;
}

阅读有关SQL中的
运算符的详细信息。action属性告诉您将数据发送到哪个脚本。除非用JavaScript处理,否则这是行不通的。@Gary这将在同一页面上执行get请求。Hm。我不知道,谢谢。是的,请求需要在服务器端以某种方式处理,可能是在php中,以使功能正常工作。
#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>