web存储实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<label for="">用户名:</label><input type="text" name="">
	<label for="">密码:</label><input type="text" name="">
	<a href="29success.html"><button>登录</button></a>

	<script type="text/javascript">
		//获取存储的数据
		var ips=document.querySelectorAll('input');
		document.querySelector('button').onclick=function(){
			//获取输入框数据
			var name=ips[0].value;
			var pwd=ips[1].value;
			//将数据存储在本地
			localStorage.setItem('name',name);
            localStorage.setItem('pwd',pwd);
		}
	</script>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_44606660/article/details/87888934