• 智能AI问答!更聪明、更完整、原创作!
  • 一款基于GPT的超级AI机器人,可以回答问题、聊天、创作、写文案!

点击提交按钮后#myForm中的biaoqian输入框中的内容会被保存到biaoqian中,下次打开网址或者刷新网页会加载该内容

发布于 2024-02-20 08:47:35

要实现在提交按钮点击后,将#myFormbiaoqian输入框中的内容保存到本地存储,并在下次打开网址或刷新网页时加载该内容,您可以使用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方法获取之前保存的内容,并将其设置为输入框的值。

这样,每次提交表单时,输入框的内容都会保存到本地存储中,并在下次打开网址或刷新网页时加载该内容。

希望对您有所帮助!

0 条评论

发布
问题

在线
客服