js 记住密码（localstorage）

最新推荐文章于 2024-04-27 06:46:18 发布

werch

最新推荐文章于 2024-04-27 06:46:18 发布

阅读量451

点赞数

分类专栏： js 小案例 js

本文链接：https://blog.csdn.net/weixin_42666092/article/details/115697649

版权

js 同时被 2 个专栏收录

54 篇文章 1 订阅

订阅专栏

js 小案例

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>记住密码</title>
</head>

<body>
	<label>用户名</label> <input type="text" id="user" value="" /><br />
	<label>密码</label> <input type="password" id="pas" value="" /><br />
	<label> <input type="checkbox" id="sed" value="" />记住密码</label>
	<button type="button" id="btn">提交</button>
</body>

</html>
<script type="text/javascript">
	function $(ele) {
		return document.querySelector(ele);
	}

	//加载的时候自动输入用户名
	if (localStorage.getItem('user')) {
		$('#user').value = localStorage.getItem('user');
	}
	if (localStorage.getItem('pas')) {
		$('#pas').value = localStorage.getItem('pas');
		$('#sed').checked = true;
	}

	$('#btn').onclick = function () {
		localStorage.setItem('user', $('#user').value);
		// 首先判断记住密码是否勾选
		console.log($('#sed').checked);
		if ($('#sed').checked) {
			localStorage.setItem('pas', $('#pas').value);
		} else {
			localStorage.removeItem('pas');
		}
	};
</script>

werch

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 记住密码（localstorage）

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>记住密码</title></head><body> <label>用户名</label> <input type="text" id="user" value="" /><br /> <label>密码</labe
复制链接

扫一扫

专栏目录