Question

您好我是Javascript的新手，我需要制作一些输入字段，我可以保存并显示输入的信息或用取消按钮清除它并重新开始。请帮助!!!

Answer 1

为了保存这个价值，您可以这样做：

<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

Answer 2

要清除输入字段，请使用input type =“reset”复位按钮;

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

Answer 3

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

<强> HTML

所有输入字段都应位于FORM元素中，您将在其中指定发送数据的URL（ACTION）。

<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>

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

<强> JS

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

您可以使用native JS code查看示例。

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

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

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

通过Javascript保存/取消输入

3 个答案: