js自动记忆用户名(可以设置cookie多存几天)
一、总结
1、记住密码:因为cookie是存在本地的,也可以多存几天,所以记住密码的操作只需要读取cookie,将其中的账号密码直接显示在输入框就好
二、js自动记忆用户名
练习2:自动记忆用户名
- 实例描述:
当用户登录过该站点后自动记住用户名
- 案例要点:
通过这个例子加深cookie的理解。
三、代码
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>课堂演示</title> 6 <script src="cookie.js"></script> 7 </head> 8 <body> 9 <form action="#"> 10 <p>用户名:<input type="text" 11 id="username"></p> 12 <p>密  码:<input type="password" 13 id="password"></p> 14 <input type="submit" value="登录" 15 id="password" onclick="submit1()"> 16 </form> 17 <script type="text/javascript"> 18 var user=document.getElementById('username'); //1、获取id,document.getElementById 19 function submit1(){ 20 setCookie('user1',user.value,10) 21 } 22 user.value=getCookie('user1') 23 </script> 24 </body> 25 </html>