将用户输入数据永久保存到 html 中答案

【问题标题】：Permanently save user input data into html将用户输入数据永久保存到 html 中
【发布时间】：2016-04-11 09:11:38
【问题描述】：

我是这里的html新手，所以请对你的回答宽容。

我想永久保存当我在此 html 文件的文本框中键入不同值时所做的更改。现在，每次我刷新浏览器时，数据都会恢复到原始值。哈哈，我该如何更改它，以便我输入的值将被保存，即使在我关闭选项卡并重新打开它之后也是如此。谢谢。

    <table>
<tr>
<td>Current Limit</td>
<td> <div id="newlimit" >100</div> </td>
</tr>
<tr>
<td>Set New Limit</td> 
<td><input type="number" id="updatelimit"></td> 
</tr>
<tr>
<td><button onclick="fupdatelimit()">Save</button><td>
</tr>
<tr>
<td>Limit shown in RM</td>
</tr>
</table>

对于 javascipt，

function fupdatelimit() {
var y = document.getElementById("updatelimit").value;
newlimit.innerHTML= y;      
    }

感谢您的帮助。 :D

【问题讨论】：

标签： html save

【解决方案1】：

当用户从同一浏览器访问数据时，您希望更改保持不变 - 将数据存储在 localStorage 中。您可以使用javascript访问localStorage，数据只会存储在当前打开的浏览器中。
无论用户从何处打开您的页面，您都希望更改保持不变。在这种情况下，数据需要与服务器同步。最常见的方法是将数据存储在服务器数据库中。您可以进一步做的事情是：
将数据与服务 html 文件一起传递，即服务器从数据库中读取数据并将其与 html 文件一起传递。
或从服务器提供 html 文件。然后使用ajax请求从服务器请求数据。获取数据后，您需要填写必填字段。

补充问题后编辑

这样想。每当您打开 Web 上的任何页面时，某些服务器都会向您的浏览器发送一个 html 文件以进行呈现。 HTML 本身只是标记的集合（表格、按钮、文本框），其他所有内容（图像、文本框的内容等）正在从服务器加载（同一个人向您发送 html 文件），无论是数据库、集合静态图像或其他任何东西。

您当然可以将数据存储在文本文件中，但它需要从某个地方提供，最常见的是与您的网站相关的所有数据都存储在您的服务器中（数据库、图像、文本文件）。然而，最常见的方法是将数据存储在数据库中。为什么不直接存储在文本文件中？原因有很多，但简单来说就是为什么你把鸡蛋放在鸡蛋包里而不是放在地板上的原因是一样的。

如果您想学习服务器端脚本和数据库，我建议您根据自己的喜好选择任何一种。大多数初学者从 PHP（服务器端脚本）和 MySQL（数据库）开始，由于有大量初学者教程，这可以说是最简单和最快的解决方案。

【讨论】：

如何创建服务器数据库？我可以将它保存在我的 html 文件夹中的 txt 文件中吗？
这样想。每当您打开 Web 上的任何页面时，某些服务器都会向您的浏览器发送一个 html 文件以进行呈现。 HTML 本身只是标记的集合（表格、按钮、文本框），其他所有内容（图像、文本框的内容等）正在从服务器加载（同一个人向您发送 html 文件），无论是数据库、集合静态图像或其他任何东西
你当然可以将你的数据存储在文本文件中，但它需要从某个地方提供，最常见的是与你的网站相关的所有数据都存储在你的服务器中（数据库、图像、文本文件）。然而，最常见的方法是将数据存储在数据库中。为什么不直接存储在文本文件中？原因有很多，但简单来说，你把鸡蛋放在鸡蛋包里而不是放在地板上的原因是一样的。
如果您想学习服务器端脚本和数据库，我建议您选择任何适合您的。大多数初学者从 PHP（服务器端脚本）和 MySQL（数据库）开始，由于有大量的初学者教程，这可以说是最简单和最快的解决方案。
oo，所以html只是一个接口，然后所有的数据都来自服务器。嗯...似乎我需要继续了解有关数据库 b4 的更多信息，或者是否有任何简单的方法可以做到这一点。因为，当我使用 vb.net 时，我可以将某些变量的属性更改为在更改时永久保存。哈哈，我可以对 html 做同样的事情。 :D

【解决方案2】：

为此，您需要一个数据库。使用 PHP 和 MySQL，您可以轻松地做到这一点。享受你的新冒险。

【讨论】：

根据我目前的情况，你能推荐这两个中最简单的吗？
你需要他们两个来做到这一点。请查看 Youtube 课程。

【解决方案3】：

您将需要一种服务器端语言来保存更新。 Javascript 是客户端，仅在浏览器上运行。使用 javascript 所做的更改将仅在浏览器中执行，而不是在服务器中。重新加载时，服务器会发回原始文件。

【讨论】：