<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脚本文件来使其工作。
答案 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>