单击后退按钮时如何保持输入状态

How to keep input status when click back button?

本文关键字：何保持 输入 状态 按钮 单击      更新时间：2023-09-26

点击test1页面上的重置按钮，id的输入被启用。我编辑了这个值，然后点击提交按钮，它就进入了test2页面。现在单击返回按钮，它将返回到test1页面。问题是，输入保持编辑值，但状态被禁用。我希望它保持启用状态。如何解决这个问题。（它适用于FireFox，但不适用于IE和Chrome。）

<html>
<head>
<title> test1 </title>
<script type="text/javascript">
    function setEnable(){
        document.myForm.id.disabled = false;
    }
</script>
</head>
<body>
<form method="post" name="myForm" action="test2.html">
    <input type=text name="id" value="test" disabled/>
    <input type=button value="reset" onclick=setEnable(); />
    <input type=submit />
</form>
</body>
</html>

<html>
<head>
    <title> test2 </title>
</head>
<body>
<input type=button value="back" onclick=history.back(); />
</body>
</html>

有两种方法可以实现这一点：

1） 你可以用js和cookie来完成这一点。。。

https://developer.mozilla.org/en-US/docs/Web/API/document.cookie

这个想法是在用户离开保存表单数据的页面时创建一个cookie，然后在再次加载同一页面时，检查是否有cookie，如果有，则将表单字段设置为cookie数据。。。。

只要看几个例子就很简单了。

2） 使用php或AJAX将表单与服务器协调，并使用包含第一次提交数据的上下文呈现页面，并使用上下文数据重新填充表单

相关文章：