使用JAVASCRIPT加載頁面時如何清空輸入字段

Question

我有一種通過電子郵件將用戶電子郵件發送給我的表單，有一種發送到發送電子郵件的.php文件的表單，一旦成功，它就會發送：window.history.back（）;。 效果很好，可以直接回到原來的位置。 除了他們在表格中鍵入的信息之外，這些信息仍然存在。 如何在頁面加載時刪除輸入，或者在用戶提交表單后立即刪除輸入，以便當他們返回時該輸入為空？

我發現了一些有關執行此操作的主題，但是它們都使用了jQuery，因此，這個問題詢問是否可以在不使用jQuery的情況下完成。

Answer 1

我們可以使用普通的JavaScript來清空值。 在日常表單上重置<input>的示例將如下所示：

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

input.value = '';

如在這個小提琴中看到的;

Answer 2

如果要重置所有輸入字段的值。 然后，這可以是一個解決方案：

<!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>

或者，如果您想重置某些特定的輸入字段。 嘗試這個：

//In you resetValues() function, replace the code with this
 var x = document.getElementById("name");//your input element id
 var y = document.getElementById("address");//your input element id
 var z = document.getElementById("country");//your input element id
 x.value = "";
 y.value = x. value;
 z.value = y.value;

希望這對您來說很好。

使用JAVASCRIPT加載頁面時如何清空輸入字段

問題描述

2 個解決方案

解決方案1
2 已采納 2013-09-29 19:46:13

解決方案2
2 2013-09-29 20:08:26

使用JAVASCRIPT加載頁面時如何清空輸入字段

問題描述

2 個解決方案

解決方案1 2 已采納 2013-09-29 19:46:13

解決方案2 2 2013-09-29 20:08:26

解決方案1
2 已采納 2013-09-29 19:46:13

解決方案2
2 2013-09-29 20:08:26