码迷,mamicode.com
首页 > 其他好文 > 详细

本地存储-记住用户名

时间:2020-03-25 23:02:07      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:UNC   移除   font   storage   user   否则   put   mil   family   

如果勾选记住用户名, 下次用户打开浏览器,就在文本框里面自动显示上次登录的用户名

1.把数据存起来,用到本地存储

2.关闭页面,也可以显示用户名,所以用到localStorage

3.打开页面,先判断是否有这个用户名,如果有,就在表单里面显示用户名,并且勾选复选框

4.当复选框发生改变的时候change事件

5.如果勾选,就存储,否则就移除

  <input type="text" id="username"><input type="checkbox" name="" id="ischeck">
 var username = document.querySelector(‘#username‘)
        var ischeck = document.querySelector(‘#ischeck‘)
        if (localStorage.getItem(‘username‘)) {
            username.value = localStorage.getItem(‘username‘)
        }
        ischeck.addEventListener(‘change‘, function() {
            if (ischeck.checked) {
                localStorage.setItem(‘username‘, username.value)
            } else {
                localStorage.removeItem(‘username‘)
            }
        })

 

本地存储-记住用户名

标签:UNC   移除   font   storage   user   否则   put   mil   family   

原文地址:https://www.cnblogs.com/rainbowupdate/p/12570962.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!