HTML5存儲登錄代碼
HTML5提供了本地存儲的新特性,可以通過localStorage對象實現本地存儲功能。
下面的代碼演示了如何使用localStorage對象存儲用戶登錄信息。
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("請重新登錄");
}
}
以上代碼中,saveLogin()函數用于保存用戶登錄信息,checkLogin()函數用于檢查用戶是否已經登錄,如果已經登錄則自動填充用戶名和密碼。
通過本地存儲,我們可以實現登錄信息的自動保存和填充,提高用戶體驗。
下一篇html5字距代碼