无法更改javascript中的文本字段

我正在编写一个javascript程序，该程序应该在单击submit按钮后更改textfield的文本

<script>

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

</script>

函数更改（）
{
document.getElementById（“set”）.value=“helloworld”；
}

文本字段和提交按钮：

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

输入文本

一旦我按下submit，它只会显示一个空文本字段。但当我删除“表单”时，它会显示正确的结果。有人能解释为什么吗

同样，当我们可以收集数据而不需要表格时，有人能解释为什么表格很重要吗

---

先谢谢你

点击

submit

按钮，表单被提交，页面被卸载

阻止表单提交

功能更改（e）{
e、 预防默认值（）；
//^^^^^^^^^^^^^^^^^^  
document.getElementById（“set”）.value=“helloworld”；
}

输入文本

点击

提交

按钮，表单正在提交，因此页面被卸载

阻止表单提交

功能更改（e）{
e、 预防默认值（）；
//^^^^^^^^^^^^^^^^^^  
document.getElementById（“set”）.value=“helloworld”；
}

输入文本

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

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

这是非常基本的。你提交了一个页面，这样页面就可以刷新了，这是非常基本的。您可以提交一个pate，以便页面得到刷新