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>密  码:<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>
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
在校每年国奖、每年专业第一,加拿大留学,先后工作于华东师范大学和香港教育大学。
2024-10-30:27岁,宅加太忙,特此在网上找女朋友,坐标上海,非诚勿扰,vx:fan404006308
AI交流资料群:753014672