Форма отправить в текстовое поле

Question

Как сделать форму для отправки в текстовое поле ниже

<form action="">
Text: <input type="text" name="firstname">
<input type="submit" value="Submit"><br><br>
Post text: <input type="text" name="firstname">
</form> 

Answer 1

Для этого вам понадобится JavaScript:

<script>
  function submitted() {
    formValue = document.getElementsByName("firstname")[0].value;
    document.getElementsByName("firstname")[1].setAttribute("value", formValue); // Copy the value
    return false;
  }
</script>

<form onsubmit="return submitted()"> <!-- Call submitted when the form is submitted -->
  Text: <input type="text" name="firstname">
  <input type="submit" value="Submit"><br><br> Post text: <input type="text" name="firstname">
</form>

Однако для этого не требуется форма.Атрибут onsubmit в основном используется, когда вы хотите предупредить пользователя о том, что форма была отправлена;фактическая отправка выполняется на сервере через PHP или что-то еще, а не через JavaScript (поскольку пользователь имеет доступ к коду JavaScript и может изменить процесс проверки ввода по своему усмотрению).Здесь вы можете просто получить что-то вроде этого:

<script>
  function submitted() {
    formValue = document.getElementById("firstname").value;
    document.getElementById("postFirstname").setAttribute("value", formValue); // Copy the value
  }
</script>

Text: <input type="text" id="firstname">
<button onclick="submitted()">Submit</button>
<br><br> Post text: <input type="text" id="postFirstname">