这次，我们将向您介绍h5如何实现记住密码的功能，以及实现h5记住密码的功能时的注意事项是什么。 介绍实战事例。 一起看看吧。
HTML5有两种新方法，用于将数据保存到客户端。
本地存储-无时间限制的数据存储
会话存储-两个会话的数据存储
以前，这些都是由cookie完成的。 但是，cookie不适合存储大量数据，因为它是按对服务器的请求传递的。 因此，cookie速度慢，效率不高。
在HTML5中，数据仅在请求时使用，而不是由每个服务请求和传递。 这样可以存储大量数据，而不影响网站性能。
每个站点的数据存储在不同的区域中，一个站点只能访问自己的数据。
HTML5使用JavaScript存储和访问数据。
用localStorage方法存储的数据没有时间限制。 第二天、第二周或第二年之后，数据仍然可用。
表单{
width: 300px；
padding: 10px 0px 20px 30px；
height :自动；
border-radius: 6px；
边框左：8 px固态# 19a 049；
背景： # eee；
margin :100 px自动；
}
#user，#pass{
padding: 8px；
Outline :无；
后台：传输；
border :1 px固态# 999；
margin-top: 5px；
}
#子{
padding: 6px；
Outline :无；
border :否；
后台： # 19a 049；
color:#fff；
width: 150px；
border-radius: 6px；
cursor: pointer；
}
login$(document ).ready (function ) )。
varstr name=local storage.getitem (' keyname )；
varstr pass=local storage.getitem (keypass )；
if (流名称) {
$('#user ' ).val(strname；
(if ) strpass ) {
$('#pass ' ).val(strpass )；
}
)；
function loginBtn_click (
varstrname=$('#user ' ).val )；
varstrpass=$('#pass ' ).val )；
localstorage.setitem('keyname '，strName )；
if($ ) (remember ) (.is ) ) :已检查) }{
localstorage.setitem('keypass '，strPass )；
}else{
local storage.remove item (' keypass )；
}
}
看了这些案例，我相信你掌握了方法。 更棒。 请关注php中文网的其他相关文章。
相关文章：