简单的HTML搜索框

时间:2013-05-07 00:03:36

标签: javascript html forms

我需要能够为用户创建一个文本字段,以输入页面名称,单击按钮,然后定向到页面。例如,用户在框中输入项目,需要将它们引导到我网站的项目页面。我该怎么做呢?我是HTML的新手,我已经寻找了一段时间的解决方案。谢谢!

2 个答案:

答案 0 :(得分:2)

你走了:

你可以使用这个(来自谷歌自定义搜索),它非常容易使用,因为你是这个领域的新手。

http://www.google.com/cse/tools/create_onthefly

答案 1 :(得分:0)

如果你想自己编写代码,这里有一些简单的代码可以帮助你入门。我个人喜欢使用像jquery这样的工具来构建javascript,但这里有一些直接的javascript代码:

<head>
<script type="text/javascript">
    function goToProject(){
        var project = document.getElementById("project").value;
        window.location.href = "http://mysite.com/"+project;
    }
</script>
</head>
<body>
<form action="#" onsubmit="return false;">
    <input type="text" id="project"/>
    <button id="submit" onclick="goToProject()">Go</button>
</form>
</body>