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

Question

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

Answer 1

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

在其他问题后编辑

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

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

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

Answer 2

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

Answer 3

为此你需要一个数据库。使用 PHP 和 MySQL 你可以很容易地做到这一点。享受你的新冒险吧。

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

Permanently save user input data into html

html

save