国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

html5超簡單的localStorage實現記住密碼的功能實現

2024-08-26 00:19:58
字體:
來源:轉載
供稿:網友

HTML5 提供了兩種在客戶端存儲數據的新方法:

  • localStorage - 沒有時間限制的數據存儲
  • sessionStorage - 針對一個 session 的數據存儲

之前,這些都是由 cookie 完成的。但是 cookie 不適合大量數據的存儲,因為它們由每個對服務器的請求來傳遞,這使得 cookie 速度很慢而且效率也不高。

在 HTML5 中,數據不是由每個服務器請求傳遞的,而是只有在請求時使用數據。它使在不影響網站性能的情況下存儲大量數據成為可能。

對于不同的網站,數據存儲于不同的區域,并且一個網站只能訪問其自身的數據。

HTML5 使用 JavaScript 來存儲和訪問數據。

localStorage 方法存儲的數據沒有時間限制。第二天、第二周或下一年之后,數據依然可用。

localstorage記住密碼,html5記住密碼

<!DOCTYPE html><html><head>    <title></title>    <meta charset="utf-8">    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script></head><style type="text/css">    form{        width: 300px;        padding: 10px 0px 20px 30px;        height:auto;        border-radius: 6px;        border-left:8px solid #19a049;        background:#eee;        margin:100px auto;    }    #user,#pass{        padding: 8px;        outline: none;        background: transparent;        border:1px solid #999;        margin-top: 5px;    }    #sub{        padding: 6px;        outline: none;        border:none;        background: #19a049;        color:#fff;        width: 150px;        border-radius: 6px;        cursor: pointer;    }</style><body>    <form action="" method="" onsubmit="return loginBtn_click();">        <h3>Log in</h3>        <input type="text" name="user" placeholder="user" id="user">        <input type="password" name="pass" placeholder="password" id="pass">        <input type="checkbox" id="remember" checked><br/><br/>        <input type="submit" id="sub">    </form></body><script type="text/javascript">    $(document).ready(function(){        var strName = localStorage.getItem('keyName');        var strPass = localStorage.getItem('keyPass');        if(strName){            $('#user').val(strName);        }if(strPass){            $('#pass').val(strPass);        }    });    function loginBtn_click(){            var strName = $('#user').val();            var strPass = $('#pass').val();            localStorage.setItem('keyName',strName);            if($('#remember').is(':checked')){                localStorage.setItem('keyPass',strPass);            }else{                localStorage.removeItem('keyPass');            }        }</script></html>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到HTML教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 即墨市| 安乡县| 文登市| 遂宁市| 澎湖县| 吉木乃县| 新巴尔虎右旗| 大荔县| 忻城县| 泗洪县| 西吉县| 广德县| 剑河县| 谢通门县| 嫩江县| 泰来县| 马鞍山市| 色达县| 册亨县| 濮阳县| 东丰县| 台中市| 咸宁市| 井陉县| 米易县| 兰溪市| 元朗区| 无极县| 晋江市| 吴江市| 平度市| 东山县| 图们市| 明光市| 拜泉县| 和田市| 邳州市| 京山县| 广平县| 伊春市| 万年县|