web存储实例

最新推荐文章于 2025-05-16 14:41:47 发布

原创最新推荐文章于 2025-05-16 14:41:47 发布 · 279 阅读

0 ·

CC 4.0 BY-SA版权

本文展示了一个简单的HTML登录页面代码实例，通过使用LocalStorage在用户的浏览器中存储用户名和密码。文章详细介绍了如何使用JavaScript来获取并存储表单输入的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>