Cookie不会将数据加载回html表单字段

时间:2019-05-05 21:05:51

标签: javascript html forms cookies

我正在尝试创建一个包含两个(任意)输入字段的网页,然后将它们保存在cookie中,然后在刷新页面时,这些字段将使用cookie中的数据进行填充。我已经将数据保存到cookie中了,但是我正在努力寻找如何在刷新页面时用cookie中的数据填充表单字段。我知道这里还有很多其他类似的问题,但是没有一个我能从我发现的问题中得到确切的答案。这是我所拥有的:

var expiry = new Date();
expiry.setMinutes(expiry.getMinutes() + 10);

function setCookie(name, value) {
  document.cookie = name + "=" + escape(value) + "; path=/; expires =" + expiry.toGMTString();
  //alert(document.cookie);
}

function putCookie(form) {
  setCookie("form1", form[0].text.value);
  //setCookie("form1", form[0].txtarea.value);
}

function fillIn() {
  if (document.cookie != "") {
    cookies = document.cookie.split(";");
    for (var i = 0; i < cookies.length; i++) {
      cookie = cookies[i].trim().split("=");
      if (cookie[0] == "text") {
        document.form1.txt.value = cookie[1];
      }
      if (cookie[0] == "txtarea") {
        document.form1.txtarea.value = cookie[1];
      }
    }
  }
}
<html>

<head>
</head>

<body onload="fillIn();">
  <form name="form1">
    Enter some text:
    <input type="text" name="text" /> Write a paragraph
    <input type="textarea" name="txtarea" />

    <input type="button" value="Submit" onclick="putCookie(document.getElementsByTagName('form'));" />
  </form>

</body>

0 个答案:

没有答案