Question

当我在相应的字段中输入数据并单击“提交”按钮时，将提交表单，当我单击“重新加载”按钮时，它会显示以下消息：“您正在寻找的页面正在使用您输入的信息。返回该页面可能会导致您重复执行任何操作。是否要继续？”如何防止重新提交此表单，因为单击重新加载按钮后，我想刷新页面。这是HTML表单。

<!DOCTYPE html>
<html>

<head>
  <title> Sample Page </title>
</head>

<body>
  <form id="login-form" method="post">
    <input type="text" id="user-name" name="Username" placeholder="USERNAME" maxlength="15" autocomplete="off"> <br> <br>
    <input type="password" id="pass-word" name="Password" placeholder="PASSWORD" maxlength="10" autocomplete="off"> <br> <br>
    <button id="login-button" name="login_button" type="submit"> Login </button>
  </form>
</body>

</html>

Answer 1

我找到了一个很好的网站here进行了解释，但是基本上您需要使用<form action="file.html">将数据发送到另一个页面，然后在该文件中包含以下元素：

<meta http-equiv="refresh" content="0; URL='original-file.html'" />

这将在0秒后将您重定向到原始页面，上面带有表单的页面，并且可以刷新页面而不会出现此问题。

如何防止在单击HTML中的重新加载按钮时重新提交表单

1 个答案: