HTML5存儲(chǔ)登錄代碼
HTML5提供了本地存儲(chǔ)的新特性,可以通過localStorage對(duì)象實(shí)現(xiàn)本地存儲(chǔ)功能。
下面的代碼演示了如何使用localStorage對(duì)象存儲(chǔ)用戶登錄信息。
function saveLogin() {
var name = document.getElementById("username").value;
var pwd = document.getElementById("password").value;
localStorage.setItem("name", name);
localStorage.setItem("pwd", pwd);
alert("登錄信息已保存");
}
function checkLogin() {
var name = localStorage.getItem("name");
var pwd = localStorage.getItem("pwd");
if (name != null && pwd != null) {
document.getElementById("username").value = name;
document.getElementById("password").value = pwd;
} else {
alert("請(qǐng)重新登錄");
}
}
以上代碼中,saveLogin()函數(shù)用于保存用戶登錄信息,checkLogin()函數(shù)用于檢查用戶是否已經(jīng)登錄,如果已經(jīng)登錄則自動(dòng)填充用戶名和密碼。
通過本地存儲(chǔ),我們可以實(shí)現(xiàn)登錄信息的自動(dòng)保存和填充,提高用戶體驗(yàn)。