要实现在提交按钮点击后,将#myForm
中biaoqian
输入框中的内容保存到本地存储,并在下次打开网址或刷新网页时加载该内容,您可以使用JavaScript的localStorage
对象。以下是示例代码:
// 获取表单元素
var form = document.getElementById("myForm");
var inputBiaoqian = document.getElementById("biaoqian");
// 在提交按钮点击时保存输入内容
form.addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单的默认提交行为
var biaoqian = inputBiaoqian.value;
localStorage.setItem("biaoqian", biaoqian);
});
// 页面加载时加载保存的内容
window.addEventListener("load", function() {
var savedBiaoqian = localStorage.getItem("biaoqian");
if (savedBiaoqian) {
inputBiaoqian.value = savedBiaoqian;
}
});
在上述代码中,我们首先获取表单元素和biaoqian
输入框的引用。然后,在提交按钮点击事件中,我们将输入框中的内容保存到localStorage
中,键名为"biaoqian"。
在页面加载时,我们通过localStorage.getItem
方法获取之前保存的内容,并将其设置为输入框的值。
这样,每次提交表单时,输入框的内容都会保存到本地存储中,并在下次打开网址或刷新网页时加载该内容。
希望对您有所帮助!