Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/276.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在页面加载JAVASCRIPT时清空输入字段_Javascript_Php_Html_Forms - Fatal编程技术网

如何在页面加载JAVASCRIPT时清空输入字段

如何在页面加载JAVASCRIPT时清空输入字段,javascript,php,html,forms,Javascript,Php,Html,Forms,我有一个表单可以向我发送用户的电子邮件,有一个表单会转到发送电子邮件的.php文件,成功后会这样做:window.history.back();。这很好,它可以回到它们原来的位置。除了他们在表格中输入的信息仍然存在。如何在页面加载时删除输入,或者在用户提交表单后立即删除输入,以便返回时表单为空 我找到了一些关于执行此操作的主题,但它们都使用jQuery,所以这个问题是问,如果没有jQuery,是否可以执行此操作。我们可以使用纯JavaScript来清空值。在日常表单上重置的示例如下: var i

我有一个表单可以向我发送用户的电子邮件,有一个表单会转到发送电子邮件的.php文件,成功后会这样做:window.history.back();。这很好,它可以回到它们原来的位置。除了他们在表格中输入的信息仍然存在。如何在页面加载时删除输入,或者在用户提交表单后立即删除输入,以便返回时表单为空


我找到了一些关于执行此操作的主题,但它们都使用jQuery,所以这个问题是问,如果没有jQuery,是否可以执行此操作。

我们可以使用纯JavaScript来清空值。在日常表单上重置
的示例如下:

var input = document.getElementById('my-input');

input.value = '';

如图所示

我们可以使用纯JavaScript来清空值。在日常表单上重置
的示例如下:

var input = document.getElementById('my-input');

input.value = '';

如图所示

若要重置所有输入字段的值。然后,这可以是一个解决方案:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function resetValues()
{
 var x=document.getElementsByTagName("input");
 for(i = 0; i<=x.length-1; i++)//x.length-1 i don't want to reset the value of the last button
  {
  if(x.item(i).type!="button")
  x.item(i).value = "";
  }
}
</script>
</head>
<body onload="resetValues()">
<input type="text" id="name"><br>
<input type="text" id="address"><br>
<input type="text" id="country"><br><br>
<input type="button" onclick="resetValues()" value="Reset values">
</body>
</html>

希望,这对您来说很好。

若您想重置所有输入字段的值。然后,这可以是一个解决方案:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function resetValues()
{
 var x=document.getElementsByTagName("input");
 for(i = 0; i<=x.length-1; i++)//x.length-1 i don't want to reset the value of the last button
  {
  if(x.item(i).type!="button")
  x.item(i).value = "";
  }
}
</script>
</head>
<body onload="resetValues()">
<input type="text" id="name"><br>
<input type="text" id="address"><br>
<input type="text" id="country"><br><br>
<input type="button" onclick="resetValues()" value="Reset values">
</body>
</html>


希望,这对您很有用。

到目前为止,我相信jQuery使用的是javascript。我不确定我是否在关注您。你到底在做什么,因为在我看来,你在做的事情是window.history.back();从PHP脚本来看,这不是一个好办法。如果你回到过去,那么为什么不改用ajax呢。到目前为止,我相信jQuery使用的是javascript。我不确定我是否在关注你。你到底在做什么,因为在我看来,你在做的事情是window.history.back();从PHP脚本来看,这不是一条可行之路。如果你回到过去,那么为什么不改用ajax呢。这正是我想要的,但我找不到一种方法来实现它。我尝试将其放入一个emptyField函数中,并让该函数在加载时出现,如onload=“emptyField();”。但我不认为窗口。历史。返回();导致页面必须“加载”以使其不工作。
onload
属性是
窗口
对象的属性。您还需要引用该方法,而不是调用它。因此
window.onload=emptyField
。没有引用,没有括号。这解决了我的问题,谢谢!尽管如此,它同时也带来了另一个问题。“window.onload=emptyField”行不知怎么搞砸了我在加载时执行的其他javascript函数?我可以建议在一个包罗万象的
onload
方法中调用其他
onload
方法吗?所以
window.onload=function(){onload_method1();onload_method2();onload_method3()}
等等。哇,工作得很好,你是个救生员,谢谢!我今天学到了很多。这正是我想要的,但我找不到一个方法让它发挥作用。我尝试将其放入一个emptyField函数中,并让该函数在加载时出现,如onload=“emptyField();”。但我不认为窗口。历史。返回();导致页面必须“加载”以使其不工作。
onload
属性是
窗口
对象的属性。您还需要引用该方法,而不是调用它。因此
window.onload=emptyField
。没有引用,没有括号。这解决了我的问题,谢谢!尽管如此,它同时也带来了另一个问题。“window.onload=emptyField”行不知怎么搞砸了我在加载时执行的其他javascript函数?我可以建议在一个包罗万象的
onload
方法中调用其他
onload
方法吗?所以
window.onload=function(){onload_method1();onload_method2();onload_method3()}
等等。哇,工作得很好,你是个救生员,谢谢!我今天学到了很多。这是一个更深入的答案,就像上面的一样,谢谢。但与上面的一样,似乎存在一个问题,因为window.history.back();实际上没有激活onload。这是一个更深入的答案,就像上面的一样,谢谢。但与上面的一样,似乎存在一个问题,因为window.history.back();实际上并没有激活onload。