刷新页面如何保存表单值

1、新建一个html页面，命名为test.html，用于介绍如何使用cookie在页面刷新时保存表单值。

3、在test.html页面，创建一个form表单，在form表单内，使用input标签、textarea标签，创建三个文本输出框和一个提交按钮。代码如下：

4、在每个输入框标签内，使用js中的失去焦点事件（onblur）绑定标签，在表单框失去翊熘笳寒焦点时，执行coki（）函数，下面将在cokie函数中创建表疟觥窖捎单的cookie，用于保存数据。注：为了方便获得表单对象，在onblur事件的coki()内，把当前表单的id属性作为参数传递给函数。

6、上一步把表单输入框的数据保存在浏览器端后，现在就要实现在页面刷新时，把保存在cookie中的数据读取出来。也是使用$.cookie(）的方法，参数为cookie的名称，把获得的cookie数据通过val()方法给表单输入框设置值，至此，实现了刷新页面保存了表单值。