通过 Javascript 保存/取消输入

Save/Cancel Inputs via Javascript

本文关键字：取消 输入 保存 Javascript 通过      更新时间：2023-09-26

你好，我是Javascript的新手，我需要做一些输入字段，在那里我可以保存和显示输入的信息，或者使用取消按钮清除它并重新开始。请帮忙!!

要清除输入字段，请使用输入类型="重置"重置按钮;

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

为了保存淡水河谷，你可以做这样的事情：

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

然后在你的 JavaScript 代码中： 

var txt = document.getElementById("txtInput").value; // to save
document.getElementById("txtInput").value = ""; // to remove
首先，

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

.HTML

所有输入字段都应位于 FORM 元素内，您将在其中指定要发送数据的 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/文件的位置。使用输入类型"提交"，将添加一个按钮，无需使用JS脚本即可向您发送数据。"重置"类型将重置表单，而不使用 JS。

.JS

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

您可以看到一个使用本机 JS 代码的示例。

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

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

我希望这可以帮助您开始。

相关文章：