html - 表单值创建一个 URL

Question

我正在尝试使用一些额外的代码创建一个非常简单的表单以获得如下所述的结果:问题是我不知道如何去做。

我要实现的目标:

我有一个表单，其中有一个名为“url”的文本输入框。我希望用户能够在框中输入一个数字。当用户提交表单时，他们应该被重定向到一个新网站。新网站的 URL 将基于在表单中输入的数字。

URL 的第一部分始终是:http://name.com/

然后用户输入的数字将附加到末尾。因此，如果在表单中输入 123456，则在提交表单时，用户将被带到 http://name.com/123456

我怎样才能让它工作？我猜它需要 JavaScript 或其他东西。

Answer 1

<script>
    function process()
    {
        var url = "http://name.com/" + document.getElementById("url").value;
        location.href = url;
        return false;
    }
</script>

<form onSubmit="return process();">
    URL: <input type="text" name="url" id="url">
    <input type="submit" value="go">
</form>