<!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>