资讯专栏INFORMATION COLUMN

使用localStorage存储表单数据

JasonZhang / 1633人阅读

摘要:当我们在页面中填写表单时,常常希望在页面发生跳转或刷新时能够保留之前填写的数据。中的可以帮助我们在客户端上存储填写的表单数据。

当我们在页面中填写表单时,常常希望在页面发生跳转或刷新时能够保留之前填写的数据。H5中的Web Storage API可以帮助我们在客户端上存储填写的表单数据。
下面通过一个例子来说明用法。

HTML代码

先生 女士

javascript代码

//别忘了先引入jquery

  

这里主要用到了localStorage.setItem()和localStorage.getItem(),分别用来设置需要存储的值和获取已存储的值。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107815.html

相关文章

  • Web Storage相关

    摘要:当页面重新载入或者被恢复时,页面会话也是一直存在的。自动保存一个文本域中的内容,如果浏览器被意外刷新,则恢复该文本域中的内容,所以不会丢失任何输入的数据。该例中,我们测试数据项是否存在。 访问原文地址 概述 DOM存储的机制是通过存储字符串类型的键/值对,来提供一种安全的存取方式.这个附加功能的目标是提供一个全面的,可以用来创建交互式应用程序的方法(包括那些高级功能,例如可以离线工作一...

    kevin 评论0 收藏0
  • JavaScript本地存储实现用户名存储示例

      一、本地存储  1.1 了解本地存储特性  1、数据存储在用户浏览器中  2、需要设置、读取方便、甚至页面刷新不丢失数据  3、容量大,sessionStorage约5M、localStorage约20M  4、只能存储字符串,可以将对象JSON.stringify()编码后存储  1.2 window.sessionStorage  1、生命周期为关闭浏览器窗口  2、在用一个窗口页面下数据...

    3403771864 评论0 收藏0
  • 使用Web存储API存取本地数据

    摘要:使用存储本文由赤石俊哉翻译整理,您可以将本文自由地用于学习交流。原文链接英文存储提供了浏览器可以在本地安全存储键值对的一个机能,它比更为直观。你可以参考一下功能检测简报英文。使用在存储做出改变时进行响应会在对象发生变化时进行相应。 使用Web存储API TODO:本文由 赤石俊哉 翻译整理,您可以将本文自由地用于学习交流。如需用于其他用途请征得作者的同意。 原文链接:Using the...

    EsgynChina 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<