html加载js记住用户名代码
时间: 2023-12-29 14:05:39 浏览: 65
html记住用户名密码
以下是一个简单的示例代码,可以在网页加载时自动填充用户名:
```html
<!DOCTYPE html>
<html>
<head>
<title>记住用户名示例</title>
<script>
window.onload = function() {
// 检查本地存储中是否有保存的用户名
if(localStorage.getItem("username")) {
// 如果有,将其填充到用户名输入框中
document.getElementById("username").value = localStorage.getItem("username");
}
}
function saveUsername() {
// 将当前输入的用户名保存到本地存储中
localStorage.setItem("username", document.getElementById("username").value);
}
</script>
</head>
<body>
<label for="username">用户名:</label>
<input type="text" id="username">
<button onclick="saveUsername()">保存</button>
</body>
</html>
```
这个示例代码中,我们使用了 HTML5 中的本地存储 localStorage 来保存用户名。在网页加载时,我们检查本地存储中是否有保存的用户名,如果有,就将其填充到用户名输入框中。当用户输入完用户名后,可以点击“保存”按钮,将其保存到本地存储中。这样,下次用户再次打开这个网页时,就可以自动填充之前保存的用户名了。
阅读全文