导航栏上的Bootstrap搜索

时间:2013-12-13 18:50:32

标签: twitter-bootstrap search navbar

这必须是一个如此简单的问题,但这是在逃避我。在我的导航栏中,我有一个带搜索按钮的搜索框。如何使其正常运行?

<div class="btn-group">
    <button type="button" name="searchBox" class="btn btn-default">Search</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>


我想象它是一个JavaScript,但无法弄清楚如何从文本框中获取字符串,然后在GET变量中使用该字符串作为新页面,例如

search.php?search=stuffgoeshere

1 个答案:

答案 0 :(得分:1)

要使其正常运行,您需要使用表单标记。你在哪里形成标签?

请看下面的示例:

<html>
<body>

<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">
</form>

</body>
</html>