手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么用cookie实现记住密码

时间:2024-10-12 05:16:55

1、打开vscode,创建一个测试页面,用于模拟演示cookie,是如何记住密码的

怎么用cookie实现记住密码

2、在测试页面的同级目录中,添加jquery的源文件,并将其引入到测试页面中。另外,再藜局腑载添加jquery.cookie.js到页面中,方便操作cookie

怎么用cookie实现记住密码

3、在测试页面中,添加一个文本框,用于演示密码的输入,另外,再添加一个提交按钮,当点击按钮的时候,将文本框中输入的值,存入到cookie中

怎么用cookie实现记住密码

4、在测试页面的最下方,添加jquery代码,当页面加载的时候,首先读取cookie中是否有值,如果有,就将值自动赋值到密码文本框中

怎么用cookie实现记住密码

5、在浏览器中,打开测试页面,输入密码,此处用于演示,所以,直接显示的是明文密码。然后点击提交按钮,看到弹出提示“cookie写入成功”

怎么用cookie实现记住密码

6、在浏览器中,新开一个默认空白的标签页,此时,没有打开任何页面

怎么用cookie实现记住密码

7、在新打开的标签页中,输入第5步浏览器地址栏的地址,当新的页面打开后,就可以看到密码丸泸尺鸢框中自动有值了。使用cookie实现记住密码的效果演示完毕

怎么用cookie实现记住密码
© 手抄报圈