点击表单提交按钮后如何清除所有文本？

12 浏览
0 Comments

点击表单提交按钮后如何清除所有文本？

我正在用PHP制作一个过滤器，但是在提交按钮之后，我需要使用javascript来填写表单（以便人们可以看到他们在表单中输入的内容）。

为了实现这个目的，我做了以下操作：


        
        
        
        
    

if (isset($_POST['surfMin']))
    print "  ";
if (isset($_POST['surfMax']))
    print "  ";
if (isset($_POST['prix']))
    print "  ";

这段代码完美运行，但如果我尝试在表单中重新填入新的值，上一次的值会保留。我希望在点击任何输入框时删除所有值，以便能够重新填写。

我该如何做到这一点？

0

3 答案

0 Comments

问题原因：用户在提交表单后，希望能够清除所有文本内容。

解决方法：只需在提交按钮后添加一个重置按钮，并使用HTML的"reset"类型。代码如下：

另外，有用户指出你的代码存在跨站脚本攻击（XSS）的漏洞。

为了解决这个问题，在我自己的版本中，我对所有的$_POST值都添加了"htmlspecialchars"函数的处理。

0
0 Comments

问题的出现原因是用户在提交表单后希望清除所有文本内容。解决方法是使用document.getElementById("myForm").reset();代码来重置表单。

当用户在表单中填写完内容并点击提交按钮后，有时候希望清除所有已填写的文本内容，以便重新填写或者防止信息泄露。这种需求在很多网页应用中都经常出现。

要实现这个功能，可以使用JavaScript代码来重置表单中的文本内容。具体来说，可以使用document.getElementById("myForm").reset();代码来找到表单元素并将其重置。

在这段代码中，"myForm"是表单元素的ID，你需要根据实际情况替换成你的表单ID。这个代码会将表单中所有的文本框、文本域和密码框的内容清空，并把复选框和单选按钮的选中状态重置为默认状态。

通过在提交按钮的点击事件中添加这段代码，就可以在用户提交表单后清除所有文本内容了。这样用户就可以方便地重新填写表单，而不必手动删除每个文本框中的内容。

总结起来，要实现在提交表单后清除所有文本内容的功能，可以使用JavaScript的document.getElementById("myForm").reset();代码。这个代码会将表单中的所有文本内容重置为空，方便用户重新填写表单。

0
0 Comments

问题的原因是，用户希望在提交表单后，清除所有文本内容，但在下一次编辑尝试之前，希望仍然显示表单的值。解决方法是在表单提交后，添加事件监听器，以便在下一次编辑时清除所有输入框的数据。以下是解决方法的具体代码：

另外，使用`FormData`可以将表单的所有输入以对象的形式获取（前提是每个输入框都有`name`属性）：

用户反馈代码运行良好，并感谢提供解答的用户。

0