forms - 表单提交后如何重置表单？

Question

我有一个带有搜索按钮和某个字段的搜索表单，当我在表单字段中输入值并单击搜索按钮然后通过单击链接返回表单（修改搜索表单）然后表单值不会重置...请检查它这里（http://dev.viawebgroup.com/search/）

谢谢

Answer 1

发送数据之前存在致命缺陷 我发现的最简单方法是

onsubmit="this.reset()"

只需将其放在表单标签中，一切都很好，简单而有效。我有人想要一个专门用于表单重置的按钮，我会使用 onclick 并在这样的函数中编写重置。

function clform()
{
 documentgetElementById('myform').reset();
}  

第一个是经过验证的，第二个是我刚刚写的，但应该可以工作。该函数很好地用于正文中的 onbeforeunload 事件。我自己一直在解决这个问题，因为我写的页面是动态更新的，并且在使用浏览器的后退按钮时会保留表单数据。我还使用 PHP 在提交后重新加载页面，并在选择表单时使用 onfocus 重新加载页面，因此输入在新页面上，而不是在动态更新的页面上。

Answer 2

尝试这个：

<script>

function test(){
var input = document.getElementById('search');
input.value = '';
};

</script>

将 onload 添加到正文：

<button onclick="test()">Clear</button>

将 id 添加到输入字段：

<input type="text" id="search">