html - 关闭 html 文件时保存 FORM 编辑

Question

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

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

Answer 1

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

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

像这样的东西：

JS

$(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"/>

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