单击按钮时返回表单中以前的值(Javascript)

Question

我有下面显示的表单。我希望当您单击"取消更改"按钮时，字段的值会返回到以前的值。

例如，如果我有单词John，我删除了hn(因此有了Jo(，点击按钮我希望它返回到John。

我该怎么做？

<form >
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Cancel changes">
</form>

Answer 1

submit按钮提交表单。要将窗体重置为初始值，应使用reset按钮。

<form >
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"  value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Smith"><br><br>
<input type="reset" value="Cancel changes">
</form>

Answer 2

我不确定这个问题是否正确。

但是，如果你想要的是">CTRL+Z"；，您可以在每次用户输入时将表单的状态保存在对象或LocalStorage中，并在单击CANCEL时将这些元素重新分配到相应的字段。

有很多像这样的解决方案：https://gist.github.com/shawnbot/89855705204494c6d8bf