Question

点击页面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>

Answer 1

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

1）你可以用js和cookies完成这个......

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

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

只是看几个例子，这很简单。

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

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

1 个答案: