记住用户名
Tutorial: DOM实战
Category: JS
Published: 2026-04-07 13:58:26
Views: 20
Likes: 0
Comments: 0
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<input type="text" id="username" />
<input type="checkbox" name="" id="remember" /> 记住用户名
<script>
var username = document.querySelector("#username");
var remember = document.querySelector("#remember");
if (localStorage.getItem("username")) {
username.value = localStorage.getItem("username");
remember.checked = true;
}
remember.addEventListener("change", function () {
if (this.checked) {
localStorage.setItem("username", username.value);
} else {
localStorage.removeItem("username");
}
});
</script>
</body>
</html>