Как объединить введенную пользователем строку, используя тег ввода HTML

Question

Я делаю следующее:

<form action="https://www.google.com/search">
 <div>
   <input type="text" name="q" id="corners">
 </div>
 <div>
   <input type="submit" value="Google Image Search">
 </div>
</form>

Однако я хочу добавить дополнительный текст по умолчанию к URL-адресу после ввода пользователя, например:

https://www.google.com/search?q=searchterm&some-additional-text

Как я могу это сделать?

Answer 1

В итоге я использовал следующее:

   <div>
        <input type="hidden" name="test" value="test" style="display: none;">
        <input type="text" name="test">
   </div>

Answer 2

Следующий код использует JavaScript для объединения https://www.google.com/search?q=, входного значения и любого дополнительного текста, а затем присваивает эту строку атрибуту action формы перед отправкой формы.

function submitForm() {
  var form = document.getElementById("form");
  var search = document.getElementById("corners").value;
  var additional = "&";
  form.setAttribute("action", "https://www.google.com/search?q=" + search + additional);
  form.submit();
}

<form action="https://www.google.com/search" id="form">
  <div>
    <input type="text" name="q" id="corners">
  </div>
  <div>
    <input type="button" value="Google Image Search" onclick="submitForm()">
  </div>
</form>