使用LocalStorage存储用户已填写的表单信息（意外刷新后自动填充）

先引入一个js文件：sisyphus.min.js

（官网：http://sisyphus-js.herokuapp.com/）

在页面的script中找个地方引用：

$( function() {$( "#basic_form" ).sisyphus();// or you can persist all forms data at one command// $( "form" ).sisyphus();
} );

备注：

1、我只用于存储form表单数据，至于其他的可以到官网去拜读下

2、用户提交表单之后记得清除localStorage里中的表单数据，因为sisyphus是将用户所填写的数据保存到localStorage的

存储的格式为：

key： [id=form的id][name=undefined][id=标签的id][name=标签的name]

value：用户所填的数据

3、提交成功之后，清除localStorage：localStorage.clear();

4、不支持标签中onchange()调用的方法

最简单的示例：http://www.jq22.com/jquery-info268

使用LocalStorage存储用户已填写的表单信息（意外刷新后自动填充）相关推荐

form表单file,select选择后自动提交
form表单file.select选择后自动提交 1.input type="file"控件自动提交,常用于修改用户图片等处.(注:post,get方式都行) <?php i ...
【前端】Vue+Element UI案例：通用后台管理系统-用户管理：Form表单填写、Dialog对话框弹出
文章目录目标代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...
uniapp开发微信小程序-7.用户填写表单信息
uniapp开发微信小程序-7.用户填写表单信息本章让用户通过表单更新自己的个人信息,也是本系列文章最后一篇入门分享,之后碰到新颖.常用的功能会继续分享给大家,如果大家有任何问题欢迎留言,我会尽快线 ...
html语言怎么清除用户名 name= password=,在html页面中填写注册表单后，它会给出这个错误，并使用用户名和密码并将值存储在登录表单中...
在html页面中填写注册表单后,它会给出此错误,并使用用户名和密码并将值存储在登录表单中:TypeError at /login/ argument of type 'NoneType' is not ...
Flask项目实战——7—(Redis数据库存储验证码信息、验证登录界面的表单信息、注册功能实现、登录实现)
推荐一个API平台:聚合数据 1.Redis数据库存储验证码信息保存手机验证码到Redis数据库公有视图文件:apps/common/views.py # -*- encoding: utf-8 ...
前端表单 word_如何使用Microsoft Word创建可填写的表单
前端表单 word Creating forms with Microsoft Word is easy, but the challenge comes in when you decide to ...
java pdf模板_java通过PDF模板填写PDF表单
本文实例为大家分享了java通过PDF模板填写PDF表单的具体代码,包括图片,供大家参考,具体内容如下需要用到的java包: itext.jar.iTextAsian.jar的JAR包.这个包里面定 ...
wps python 自动化_Python3+Selenium+Chrome实现自动填写WPS表单
引言本文通过python3.第三方python库Selenium和谷歌浏览器Chrome,完成WPS表单的自动填写. 开发环境配置 python3的安装:略,网上都有教程. Selenium的安装: ...
php怎么保存表单信息到数组
在PHP中保存表单信息到数组是一项非常有用的操作,它可以让我们更加高效地处理表单数据.下面我们将详细介绍如何将表单数据保存到数组中. 首先,在前端页面,我们需要使用HTML表单来收集散布在页面上的信息 ...
JS同时上传表单图片和表单信息并把上传信息存入数据库，带php后端源码
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 利用JQ,jquery.form.js,bootstrap实现上传表单图片和表单信息并把上传的图片地址,inp ...

使用LocalStorage存储用户已填写的表单信息（意外刷新后自动填充）

先引入一个js文件：sisyphus.min.js

（官网：http://sisyphus-js.herokuapp.com/）

在页面的script中找个地方引用：

最简单的示例：http://www.jq22.com/jquery-info268

使用LocalStorage存储用户已填写的表单信息（意外刷新后自动填充）相关推荐

最新文章

热门文章