普通的表单提交跳转到新页面前实现将表单内的值清空

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_37281289/article/details/88423100

有时候需要表单提交跳转到新页面后再返回原来的页面不想要原来之前值还存在, 那么就可以参照如下例子实现:

<form id="form">       
 <tr> <td>名字</td><td align="center"><input value="34" type="text"></td></tr>
 <tr><td align="center" colspan="2"><button value="提交" onclick="apply()" type="button">提交</button></td></tr>
</form>

<script>
    let form = document.getElementById("form");

    function apply() {
        form.submit();
        form.reset();
    }
</script>

值得注意, 提交的type需要设置为button,不能不设置或者其他类型