Перенаправление после отправки формы с пользовательским вводом в 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

отличается от 1-го.Форма не нужна, добавьте атрибут с именем 'id' для текстового поля, затем определите функцию javascript для получения значения текстового поля, а затем выполните переход, надеюсь, с пользой.

<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>

Answer 3

<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>