关闭 html 文件时保存 FORM 编辑

【问题标题】：Save FORM edits when closing html files关闭 html 文件时保存 FORM 编辑
【发布时间】：2013-09-23 23:08:51
【问题描述】：

我的桌面上有一个脱机的html文件，我打算在浏览器中打开它然后编辑一个文本区域，当我点击浏览器保存按钮时，表单数据没有保存在Chrome中，但它保存在Firefox中，如果我保存所有文件（css、js、jpg 等），但当我将其保存为单个 html 文件时没有。

有没有办法强制浏览器在浏览器中关闭时保存已编辑的表单数据，并可能将其保留为单个 html 文件

【问题讨论】：

标签： html forms google-chrome firefox browser

【解决方案1】：

您可以将其保存在 cookie 或会话中，但它只会保存在您最初保存它的浏览器中。

最好的办法是在 Javascript 文件中存储一个变量。

类似这样的：

$(document).ready(function(){

var saved_text = "";
$('#text_area').val(saved_text);
$('#submit_btn').click(function(){
 saved_text = $('#text_area').val();
});
});

HTML

<textarea id="text_area"></textarea>
<input type="button" id="submit_btn"/>

您还必须在此之后保存文档，以便保存的文本变量在您关闭后仍然存在

【讨论】：

嗯，但是我下次用JS打开文件时就看不到保存的textarea内容了，还是有可能？