Php 如何在页面上添加自定义搜索框？

我正在使用自定义WordPress模板，我不知道如何在特定位置添加搜索框。当然，我的模板包含搜索框，但它位于一个奇怪的位置，所以我想添加一个自定义的。我不能通过添加widget来实现这一点。我必须编辑

index.php

来添加搜索框

当我添加以下内容时：

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div><input type="text" size="18" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" class="btn" />
</div>
</form>

---

解决丑陋问题：只需添加插件“简单定制css”：。然后编写一些CSS使其美观

要解决搜索问题，请在输入字段（源代码：）中将
name=“SEARCH”
替换为
name=“s”
。
theme->editor->header.php将您的自定义代码放在audiophonic上，或者您可以找到一个插件来执行此操作，但自定义css显示正确。问题是，当我在每个客户搜索框上单击“搜索”时，id根本就没有搜索。我将其添加为自定义css:
http://pastebin.com/8zuapgvr
这在index.php
http://pastebin.com/0VG1ykDx
但当我搜索时，它会转到
http://example.com/?search=test&Search=Search#
而不是
http://example.com/?s=test
。我该怎么办？附言，你的文本中有一个输入错误。你应该用“在这里输入你的搜索关键词”或“在这里输入你的搜索关键词”来代替“键入你的搜索结果”。哦，非常感谢！差不多完成了。还有一个小错误。当我尝试从
www.example.com
搜索时，一切正常。但是当我尝试从
www.example.com/page/2
搜索时，它会转到
www.example.com/page/2/？s=test
，而不是
www.example.com/？s=test
。结果它什么也没找到。以下是css和html:
http://www.cssdesk.com/rSJET
这是另一个问题，与此问题无关。请添加另一个问题。答案中的链接1是下载链接，链接2是参考/文档链接。请再查一下。
<form method="get" id="search_form" action="<?php bloginfo('home'); ?>"/>
       <input type="text" class="text" name="s" value="SEARCH" >
       <input type="submit" class="submit" value=""  />
</form>

<?php get_search_form(); ?>