怎么用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实现记住密码
  • windows7安装Mariadb
  • js函数怎样传值到函数
  • 火狐浏览器怎样将网页保存为.html格式到本地?
  • 如何下载项目需要的jar包
  • calibre怎么抓取新闻?
  • 热门搜索
    世界文化遗产手抄报 红领巾相约中国梦手抄报 儿童心理健康手抄报 一二年级感恩手抄报 少年强则国强手抄报 新学期新气象的手抄报 未来的2035年手抄报简单 科普手抄报内容 欢度春节手抄报 安全卫生手抄报