zoukankan      html  css  js  c++  java
  • 记住用户名 缓存案例 localstorage

     案例代码

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <input type="text" id="username"> <br>
        <input type="checkbox" name="" id="remember"> 记住用户名

        <script>
            var username = document.querySelector('#username');
            var remember = document.querySelector('#remember');

            if (localStorage.getItem('username')) {
                username.value = localStorage.getItem('username');
                remember.checked = true;
            }

            remember.addEventListener('change', function() {
                if (this.checked) {
                    if (username.value == '') {
                        alert('请先填写用户名...');
                        this.checked = false;
                        return false;
                    }
                    localStorage.setItem('username', username.value);
                } else {
                    localStorage.removeItem('username');
                }
            })
        </script>
    </body>

    </html>
  • 相关阅读:
    基于网络服务器端的网口测试-软件
    JAVA中操作符的优先级
    逻辑操作符、位操作符号的忽略点
    Java配置环境变量、方法和原因
    Java中常用的字符编码-解析
    SVM
    C#与matlab混合编程
    Python 3 and MySQL
    PyMySQL Evaluation
    PYTHON3连接MYSQL数据库
  • 原文地址:https://www.cnblogs.com/ericblog1992/p/13064288.html
Copyright © 2011-2022 走看看