js自动记忆用户名(可以设置cookie多存几天)

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>&nbsp&nbsp码:<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>
原文地址:https://www.cnblogs.com/Renyi-Fan/p/9034249.html