html页面里的input文本框，输入内容后，点击一个a标签“确定修改”。刚才输入的内容保存到页面里，重新打

html页面里的input文本框，输入内容后，点击一个a标签“确定修改”。刚才输入的内容保存到页面里，重新打开html的时候刚才输入的内容及在input文本框里，这应该怎... html页面里的input文本框，输入内容后，点击一个a标签“确定修改”。刚才输入的内容保存到页面里，重新打开html的时候刚才输入的内容及在input文本框里，这应该怎么做呢？展开

 我来答

2个回答

#热议# 生活中有哪些实用的心理学知识？

缓步莫迟疑C
2013-05-08 · TA获得超过1.1万个赞

知道大有可为答主

回答量：6217

采纳率：73%

帮助的人：6408万

我也去答题访问个人页

关注

展开全部

这个可以用cookie来搞定,可用于纯静态页,示例代码如下:

<html>
<body>
<input type="text" name="txt" id="txt" value=""><a href="javascript:void(0);" onclick="javascript:setCookie('txt',document.getElementById('txt').value);alert('已保存,刷新看效果.');">修改</a>
<script type="text/javascript">
function setCookie(sName, sValue){
   date = new Date();
   date.setFullYear(date.getFullYear()+1);
   document.cookie = sName+'='+escape(sValue)+'; expires='+date.toGMTString();
}
function getCookie(sName){
   var aCookie = document.cookie.split('; ');
   for(var i=0;i<aCookie.length;i++){
      var aCrumb = aCookie[i].split('=');
      if(sName==aCrumb[0]) return unescape(aCrumb[1]);
   }
   return null;
}
document.getElementById('txt').value=getCookie('txt');
</script>
</body>
</html>