zoukankan      html  css  js  c++  java
  • 本地存储-记住用户名

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

    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')
                }
            })
  • 相关阅读:
    pytest ini配置文件格式
    C#星辰之路
    bootstrap
    rabbitmq 安装
    curl 下载文件
    mysql 面试题
    mvn --version
    后台运行的nohup vs &
    scp
    linux下.tar.gz和.gz文件解压详解
  • 原文地址:https://www.cnblogs.com/rainbowupdate/p/12570962.html
Copyright © 2011-2022 走看看