要在HTML中实现刷新后保留输入值,你可以使用JavaScript和本地存储(localStorage)来存储和检索输入值。下面是一个简单的示例:
<!DOCTYPE html>
<html>
<head>
<title>刷新后保留输入值</title>
<script>
// 在页面加载时检查本地存储中是否有保存的值
window.onload = function() {
var input = document.getElementById('myInput');
var savedValue = localStorage.getItem('inputValue');
if (savedValue) {
input.value = savedValue;
}
};
// 在输入框值改变时保存到本地存储
function saveValue() {
var input = document.getElementById('myInput');
localStorage.setItem('inputValue', input.value);
}
</script>
</head>
<body>
<input type="text" id="myInput" oninput="saveValue()" />
</body>
</html>
在这个示例中,我们使用localStorage
对象来存储和检索输入框的值。在页面加载时,我们检查本地存储中是否有保存的值,并将其设置为输入框的值。每当输入框的值发生变化时,我们将新值保存到本地存储中。
领取专属 10元无门槛券
手把手带您无忧上云