简单的HTML5 的记住密码功能

本文介绍了使用HTML5的localStorage实现网页记住密码的功能。选择localStorage的原因包括其无时间限制和安全性,不会被网络爬虫抓取。通过示例代码展示了如何存储和读取密码信息,用户下次登录时密码将被自动填充。
摘要由CSDN通过智能技术生成
知识点 :localStorage,sessionStorage
localStorage :没有时间限制的数据存储
sessionStorage : 针对一个 session 的数据存
我用的 localStorage
理由:

localStorage没有时间限制
localStorage不能被爬虫抓取到
当时我考虑的就只有这两个,大家可以搜一搜这两个的具体区别,以及优缺点,综合考虑决定用什么

上代码:
<script type="text/javascript">

//用来获取本地存储的值,并且展示在所对应的位置上
 $(document).ready(function () {
     if(window.localStorage){
         var storage = window.localStorage;
         var name = storage["name"];
         var pass = storage["password"];
         $("input[name=username]").val(name);
         $("input[name=password]").val(pass);
     }
 })
 // 获取值,然后存起来
 function  store(){
     if(window.localStorage){
         var storage = window.localS
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值