时间戳

首页 > 解决方案 > 如何在不使用服务器的情况下将表单数据存储在 HTML 文档中？

javascript - 如何在不使用服务器的情况下将表单数据存储在 HTML 文档中？

问题描述

我正在制作简单的 HTML form，它允许我在需要时显示表单数据，为此我需要将其存储在文件中。

我更喜欢将其存储在文件中，因为在经历了多个 Stack Overflow 线程后，我了解到form可以通过存储数据，localStorage但如果清除 cookie，我将丢失它。

我应该使用什么格式来存储和检索表单数据、txt文件或json文件？

如何使用 JavaScript 做到这一点？

目前我有简单的动作来存储Fname，Lname. 下一步是为每个人添加类别，例如“经理 I”、“经理 II”等。

现在我有这个简单的代码。

<h1>Hey Welcome to the Portal</h1>
<div>Enter company name here</div>
<form>
  <div>
    <p>Enter Your First Name</p>
    <input type="text">
    <button type="submit">Submit</button>
  </div>
  <div>
    <p>Enter Your Last Name</p>
    <input type="text">
    <button type="submit">Submit</button>
  </div>
</form>
<br/>
<div>Click this button to show data</div>
<button>Retrieve Data</button>

标签： javascripthtml

解决方案

您可以使用 IndexedDB https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API，它是一个小型数据库，可用于存储大量结构化数据。但是您应该考虑并重新考虑如何以及为什么要存储用户数据，还要记住用户隐私和其他一些在从表单中检索用户详细信息时非常重要的详细信息。

推荐阅读