zoukankan      html  css  js  c++  java
  • Javascript登录页面“记住密码”实现

      JS记住密码实现效果:

     JavaScript Code 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
     
    <!DOCTYPE html>
    <html>
        <head>
            <title>用户名密码</title>
            <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
            <script>
                
    function SavePassword()
                {
                    
    if(document.getElementById("savePassword").checked)
                    {
                        
    var username = $("#username").val();
                        
    var password = $("#password").val();
                        window.sessionStorage.username =  username;
                        window.sessionStorage.password = password;
                        localStorage.rmbPassword = 
    true;
                    }
                    
    else
                    {
                        localStorage.rmbPassword = 
    false;
                    }
                }
            </script>
        </head>
        <body>
            <label id=
    "login" for="username" style="margin:auto;font-size:15px">用户名:</label>
            <input style=
    "margin:auto;font-size:15px" type="text" name="username" id="username"  placeholder="输入用户名..." >
            <br><br>
            <label id=
    "login" for="password" style="margin:auto;font-size:15px">密&nbsp&nbsp&nbsp码:</label>
            <input style=
    "margin:auto;font-size:15px" type="password" name="password" id="password" placeholder="输入密码...">
            <input type=
    "checkbox" name="savePassword" id="savePassword" checked="checked" onclick="SavePassword()">
        </body>
    </html>

  • 相关阅读:
    导航栏下拉至一定高度后固定在顶部的特效
    laravel表单中文错误提示本地化
    laravel模板使用
    网站测试用例
    sublime安装ctags用于追踪函数
    ecshop头部添加所在城市
    php 常用的redis操作语法
    mysql where与 having的区别
    mysql 列类型以及属性特点
    不错的博客链接
  • 原文地址:https://www.cnblogs.com/MakeView660/p/7798489.html
Copyright © 2011-2022 走看看