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

表单提交到文本字段

1 个答案: