gpt4 book ai didi

javascript - 点击后退按钮时如何保持输入状态?

转载 作者:行者123 更新时间:2023-12-03 11:38:16 27 4
gpt4 key购买 nike

点击test1页面的reset按钮,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 与服务器协调表单,并使用包含第一次提交的数据的上下文呈现页面,并使用上下文数据重新填充表单

关于javascript - 点击后退按钮时如何保持输入状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26387725/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com