HTML表单根据用户输入的内容链接到不同的页面?

时间:2013-06-21 01:52:24

标签: javascript html forms

根据用户输入的文字,是否可以使用链接到不同网站的html?换句话说,我有一个简单的文本表单,用户可以在其中输入文本,然后点击提交。作为我希望做的一个例子,有没有办法设置它,以便如果他们输入“ABC”并点击提交它需要他们谷歌,但如果他们进入“XYZ”它需要他们雅虎?

1 个答案:

答案 0 :(得分:0)

是的,你可以,但你需要JavaScript,这是一个非常人为的例子,几乎让人联想到Web 1.0脚本。代码在textfield(keyup)上设置一个监听器,每当它改变时,它都会调用更改的函数,然后对该字段中的值进行求值。如果它与'XYZ'匹配,则它将表单的action属性设置为您希望表单提交的URL。在这种特殊情况下,URL将是不存在的。当然,这不是一个完整的解决方案,您将不得不花费一些时间让处理程序正常工作。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
<form id="myform">
    <input type="text" id="mytext" onkeyup="changed()">
</form>

<script type="text/javascript">

    function changed()
    {
        var v = document.getElementById('mytext').value;
        if("XYZ" === v)
        {
            var action = "http://www.foobar.nothing/" + v;
            document.getElementById('myform').action = action;
        }
    }
</script>
</body>
</html>