JS應用將使用者名稱和密碼儲存至localStorage
阿新 • • 發佈:2019-02-09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>將使用者名稱和密碼儲存至localStorage</title>
</head>
<body>
使用者名稱:<input type="text" name="username"><br>
密碼: <input type="text" name="pwd"><br>
<input type="checkbox" name="pwd">是否記錄賬戶密碼<br>
</body>
<script type="text/javascript">
var inp = document.getElementsByTagName('input');
//頁面載入完成 先判斷 localStorage中有無name 和pass
if (localStorage.getItem('name')&&localStorage.getItem('pass')) {
//存在將本地localStorage 值 顯示在輸入框中
inp[0].value=localStorage.getItem('name');
inp[1].value=localStorage.getItem('pass');
inp[2].checked=true;//將選擇儲存賬戶密碼的複選框更改為選中
}
//當用戶登入時 點選儲存賬戶和密碼時 將賬戶名和密碼 記錄到localStorage中
inp[2].click=function(){
if (this.checked) {
var n= inp[0].value;
var p = inp[1].value;
localStorage.setItem('name',n);
localStorage.setItem('pass',p);
}else{
//若不點 則把已經記錄到localStorge 中的值刪除
localStorage.removeItem('name');
localStorage.removeItem('pass');
}
}
</script>
</html>