无法在javascript中更改文本字段

Question

我正在编写一个javascript程序，它应该在点击提交按钮后更改文本字段的文本

<script>

function change()
{
    document.getElementById("set").value="helloworld";
}

</script>

文本字段和提交按钮：

<form>
Enter Text <input type="text" id="set" >
<input type="submit" value="Press here" onclick="change()" />
</form>

一旦按下提交，它只显示一个空文本字段。但当我删除'form'时，它会显示正确的结果。任何人都可以解释原因吗？

在类似的说明中，任何人都可以解释为什么“形式”在我们收集数据时很重要。

提前致谢...

Answer 1

点击submit按钮，表单正在提交，因此页面已卸载。

阻止表单提交。

function change(e) {
  e.preventDefault();
  //^^^^^^^^^^^^^^^^^^  
  document.getElementById("set").value = "helloworld";
}

<form>
  Enter Text <input type="text" id="set">
  <input type="submit" value="Press here" onclick="change(event)" />
</form>

Answer 2

请将输入类型提交更改为按钮，然后尝试。