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

时间:2016-01-07 04:23:14

标签: html save

我是新手,所以请你宽容回答。

我想永久保存当我将不同值键入此html文件的文本框时所做的更改。现在,每次刷新浏览器,数据都会恢复原始值。哈哈,我怎么改变它,以便我输入的值将被保存,即使我关闭标签并重新打开它。感谢。

$ cat data.txt
goodbye mars
goodbye perl6
back to perl5

for javascipt,

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

感谢你的帮助。 :d

3 个答案:

答案 0 :(得分:4)

  1. 当用户从同一浏览器访问数据时,您希望更改是持久的 - 将数据存储在localStorage中。您可以使用javascript访问localStorage,数据将仅存储在当前打开的浏览器中。
  2. 无论用户打开您的网页的位置,您都希望更改能够持久。在这种情况下,数据需要与服务器同步。最常见的方法是将数据存储在服务器数据库中。你做的更进一步可以是:
  3. 将数据与服务html文件一起传递,即服务器从数据库中读取数据并将其与html文件一起传递。
  4. 或者从服务器提供html文件。然后使用ajax请求从服务器请求数据。获取数据后,您需要填充必填字段。
  5. 在其他问题后编辑

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

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

你需要一个数据库。使用PHP和MySQL,您可以轻松完成此操作。 享受你的新冒险。