我正在尝试创建一个包含两个(任意)输入字段的网页,然后将它们保存在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>