-6

您好，我对 Javascript 很陌生，我需要创建一些输入字段，我可以在其中保存和显示输入的信息或使用取消按钮清除它并重新开始。请帮忙！！！

4

3 回答 3

2

首先，您将使用 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>

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

JS

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

您可以查看使用本机 JS 代码的示例。

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

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

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

于 2013-11-13T12:19:26.923 回答
2

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

<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
于 2013-11-13T11:32:59.277 回答
2

要清除输入字段，请使用 input type="reset" 作为重置按钮；

<input type='reset' value="Reset"/>
于 2013-11-13T11:34:04.920 回答