在刷新页面时，保持表单值不变，需要用到js中的cookie来保存数据在浏览器端，只要cookie不过期，无论怎样刷新页面，表单值都不会变。下面介绍如何使用cookie在页面刷新时保存表单值。
方法/步骤
1、新建一个html页面，命名为test.html，用于介绍如何使用cookie在页面刷新时保存表单值。
2、在test.html页面，在head头部加载jquery.min.js和jquery.cookie.js文件，成功引入这两个文件，就可以使用jquery中的cookie方法来保存表单数据。
3、在test.html页面，创建一个form表单，在form表单内，使用input标签、textarea标签，创建三个文本输出框和一个提交按钮。代码如下：
4、在每个输入框标签内，使用js中的失去焦点事件（onblur）绑定标签，在表单框失去翊熘笳寒焦点时，执行coki（）函数，下面将在cokie函数中创建表疟觥窖捎单的cookie，用于保存数据。注：为了方便获得表单对象，在onblur事件的coki()内，把当前表单的id属性作为参数传递给函数。
5、在coki（）函数中，通过传递过来的id获得表单输入框的数据，使用$.cookie猾诮沓靥()方法创建相对应的cookie，实现数据保存在浏览器端。注：$.cookie（）方法的三个参数芟坳葩津，第一个参数是cookie的名称，第二个参数是cookie的值，第三个参数是过期时间（这里设置为一天）
6、上一步把表单输入框的数据保存在浏览器端后，现在就要实现在页面刷新时，把保存在cookie中的数据读取出来。也是使用$.cookie(）的方法，参数为cookie的名称，把获得的cookie数据通过val()方法给表单输入框设置值，至此，实现了刷新页面保存了表单值。
7、在浏览器打开test.html文件，在表单输入框中输入内容，刷新页面，每个表单的值实现了保存，不会改变，直至重新输入内容，表单值才会改变。
