Form value creates a URL

Question

I am trying to create a very simple form with a little bit of extra code to get the results as described below: the problem is I don\'t know how to go about doing it.

<

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>

Answer 2

You can add onsubmit="this.action='http://google.com/'+this.fieldName.value;" to your tag.

Answer 3

This should do it:

<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById('page').value;
        window.location = "http://name.com/" + page;
    }
</script>
<input type="text" id="page" />
<input type="submit" value="submit" onclick="goToPage();" />