怎么用cookie实现记住密码

在网页设计中,经常在登录的界面,有一个勾选框,叫做记实暗码,或者叫做主动登录 。 那么,这个过程是若何实现的呢?凡是就是利用cookie来做的

需要这些哦
vscode
方式/
1打开vscode,建立一个测试页面,用于模拟演示cookie,是若何记住暗码的

怎么用cookie实现记住密码

文章插图

2【怎么用cookie实现记住密码】在测试页面的同级目次中,添加jquery的源文件,并将其引入到测试页面中 。 别的,再添加jquery.cookie.js到页面中,便利操作cookie

怎么用cookie实现记住密码

文章插图

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

怎么用cookie实现记住密码

文章插图

4在测试页面的最下方,添加jquery代码,当页面加载的时辰,起首读取cookie中是否有值,若是有,就将值主动赋值到暗码文本框中

怎么用cookie实现记住密码

文章插图

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

怎么用cookie实现记住密码

文章插图

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

怎么用cookie实现记住密码

文章插图

7在新打开的标签页中,输入第5步浏览器地址栏的地址,当新的页面打开后,就可以看到暗码框中主动有值了 。 利用cookie实现记住暗码的结果演示完毕

怎么用cookie实现记住密码

文章插图


以上内容就是怎么用cookie实现记住密码的内容啦,希望对你有所帮助哦!

    推荐阅读