在表单提交后使用URL输入的用户输入重定向

Question

我需要一个表单，填写时会创建一个变量，然后在url中转换一个带有该变量的url。

像这样的东西（但工作）:)

<form action="?????" method="?????"> 

Number: <input type="text" name="url1" value=""><br> 

<input type="submit" name="submit" value="Goto URL"> 
</form> 

当按下提交我需要它转到http://somewhere.com?url=VALUEHERE

任何想法？

Answer 1

使用method="GET"放置在URL中的变量：

<form action="http://somewhere.com/" method="GET"> 
    Number: <input type="text" name="url" value="" /><br /> 

    <input type="submit" name="submit" value="Goto URL" /> 
</form> 

发布这种形式会去http://somewhere.com/?url=USER_INPUT_URL

Answer 2

<form> 
Number: <input type="text" name="url1" id="url1" value=""><br> 
<input type="submit" name="submit" value="Goto URL" onclick="redirect()"> 
</form> 

<script> 
function redirect() 
{ 
    window.location='http://somewhere.com?url=' + document.getElementByID('url1').value; 
} 
</script> 

Answer 3

不同从1日。没有形式需要，为文本字段添加一个名为'id'的属性，然后定义一个javascript函数来检索textfield的值，然后执行跳转，希望有用。

<form action="?????" method="?????"> 

Number: <input id="url1" type="text" name="url1" value=""><br> 

<input type="button" name="submit" value="gotoURL()"> 
</form> 

<script> 
function gotoURL(){ 
window.location='http://somewhere.com?url='+document.getElementById('url1').value; 
} 
</script>