在网站内导航时重置表单

Reset form when navigating within website

本文关键字：表单 导航 网站      更新时间：2023-09-26

关于以下内容:

<html>
<head>
</head>
<body onload="document.naughtyWidgets.reset();">
<form name="naughtyWidgets">
… widgets…
</form>
</body>
</html>

当页面刷新时，表单重置得很好。但是，如果表单位于页面"X"下，并且单击表单上的两个单选按钮，导航到页面"Y"，然后返回到页面"X"，则仍然单击单选按钮。当重新访问表单时，是否有办法将这些按钮重置为默认值?

谢谢

这通常发生在用户点击浏览器的"后退"按钮时。在这种情况下，确实没有完整的页面加载;它来自缓存

使用onbeforeunload事件在离开页面之前触发表单重置。

window.onbeforeunload

From here:检测用户何时离开网页的最佳方法?

编辑:

引用OP的评论:

"也许知道这个网站是用Wix制作的，html部分只是页面上的一个附加框，我可以在其中添加代码。"

这是一个你不应该遗漏的大细节。如果你只是在CMS的内容框中粘贴内容，那么这个问题很可能无法解决，而不控制整个页面。

相关文章：