通过Javascript保存/取消输入

您好，我对Javascript非常陌生，我需要创建一些输入字段，在这些字段中我可以保存和显示键入的信息，或者使用“取消”按钮清除这些信息，然后重新开始。请帮忙

为了保存淡水河谷，您可以执行以下操作：

<input name="txtInput" type="text" maxlength="512" id="searchTxt" class="searchField"/>

---

对于清除输入字段，使用复位按钮的输入类型=“复位”

<input type='reset' value="Reset"/>

---

首先，您将使用HTML创建字段标记，但如果需要，您可以在运行时创建输入字段。在这两种情况下，我都会告诉你怎么做

HTML

所有输入字段都应该在表单元素中，您将在其中指定发送数据的url（操作）

<form action="data.php">
    <label for="first_name">First Name</label>
    <input type="text" name="first_name" id="firstName" value="" placeholder="Type the name here..." />

    <label for="age">Age</label>
    <input type="text" name="age" id="ageField" value="" placeholder="Please, tell us your age..." />

    <input type="submit" value="Send" />
    <input type="reset" value="Reset" />
</form>

名字
年龄

操作是为数据设置目标url/文件的地方。 使用输入类型“submit”，将添加一个按钮，无需使用JS脚本即可向您发送数据。“reset”类型将重置表单，而不使用JS

JS

但当您询问JS代码时，您需要知道如何使用JS脚本与字段交互

您可以使用查看一个示例

在您学习的过程中，我强烈建议您首先学习如何使用纯JS，而不使用任何像jQuery或Mootools这样的库。但仅作为参考，您可以看到

您可以在W3CSchools站点上更好地了解DOM元素以及如何操作它们。这是一个很好的介绍性文档，请看一下，我相信它会对您有所帮助

---

我希望这能帮助您开始。

我想您的问题只在您的头脑中有意义，而我们无法了解。你能把你的问题重新表述一下吗？有时候试着用谷歌，它会很有帮助的。

<form action="data.php">
    <label for="first_name">First Name</label>
    <input type="text" name="first_name" id="firstName" value="" placeholder="Type the name here..." />

    <label for="age">Age</label>
    <input type="text" name="age" id="ageField" value="" placeholder="Please, tell us your age..." />

    <input type="submit" value="Send" />
    <input type="reset" value="Reset" />
</form>