PHP：清除/重置提交给自己的表单答案

【问题标题】：PHP: Clear/reset form which submits to selfPHP：清除/重置提交给自己的表单
【发布时间】：2014-05-26 15:54:42
【问题描述】：

这里是新手。

网站网址：http://school.max-o-matic.com/itc250.php#011

我的学生门户上有两个我已经完成的作业，都是表格，我希望能够重置/清除它们。我知道我可以创建一个按钮来清除它们，将用户从“http://school.max-o-matic.com/itc250.php#011”发送到“http://school.max-o-matic.com/itc250.php”，这将删除锚标记，并在此过程中重新加载页面清除/重置表单。但它也需要滚动。我还可以创建第二个锚标记（'#011b'）并将其放在一个不可见的元素中，然后将页面重新加载到该元素以保持/防止滚动，但这对我来说似乎是作弊/肮脏的黑客攻击而不是良好的编程实践。

我试图用它来重置表单（'echo''），但它似乎没有做任何事情。所以我希望有人可以帮助我找到一个实现最终目标的好方法，即拥有一个可重复的工具来清除/重置页面，这样我就可以测试多个场景而无需连续滚动/重新滚动。

<?php

    //Constant never changes, 100% available everywhere- almost always simple datatypes (T or F, num, string)
    //define('THIS_PAGE', $_SERVER['PHP_SELF']);//shows webroot
    define('THIS_PAGE', basename($_SERVER['PHP_SELF']));//shows app root - gets name of the file basically

    define('TAX_RATE', .095); //current tax rate us => .095 => is 9.5%

    //echo THIS_PAGE;// shows this pagefile
    //VAR_DUMP - we love it cause we can see everything


    if (isset($_POST['submit'])) {//if data, do processing

        $purch01 = (float) $_POST['purchase01'];//float before floats data after
        $purch02 = (float) $_POST['purchase02'];//float before floats data after

        $subtotal = $purch01 + $purch02;

        $amountTax = TAX_RATE * $subtotal;

        $amountTotal = $amountTax + $subtotal;

        echo "<br /><br />";

        echo 'First Purchase: $' . round($purch01, 2) . '<br />';//standard
        echo 'First Purchase: $' . round($purch02, 2) . '<br />';//standard
        echo '<hr />';

        echo 'Subtotal before tax: $' . round($subtotal, 2) . '<br />';//standard
        echo 'Tax: $' . round($amountTax, 2) . '<br />';//standard
        echo '<hr />';

        echo 'Washington state tax: %' . TAX_RATE . '<br />';
        echo '<hr />';

        echo 'your purchase amount is $' . round($amountTotal, 2) . '<br /><br />';//risky double dollar sign


        /*
        echo '<pre>';
            var_dump($_POST); //shows everything the post knows
        echo '</pre>';
        */
        echo '<input type="reset" "reset the form." /><br /><br /><hr />';


    }else{//show Output

        echo
        '
            <form method="post" action="itc250.php#011">

                Enter Purchase Amount:
                <input type="text" name="purchase01" />
                <br />
                <br />

                Enter Purchase Amount:
                <input type="text" name="purchase02" />
                <br />

                <input type="submit" name="submit" />
        ';

    }//if you dont' need else, do a 'print and die statement' so if else happens you know else happened.

?>

【问题讨论】：

清除表单而不刷新页面使用javascript。
那会清除帖子数据并带回输入元素吗？

标签： php forms postback reset

【解决方案1】：

重新加载页面以清除表单是不好的做法，并且内置了您想要的功能：

<input type="reset" value="Clear" />

延伸阅读：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

【讨论】：

我试过了，但这似乎无法在提交后清除/重置 from （发回自身）。我将它用于之前的部分，但是一旦我们返回了回显值，它就不起作用了。
@Chezshire 根据上面发布的逻辑，如果发布了，表格甚至不应该打印，所以我不清楚你正在经历什么行为。也就是说，页面重新加载永远不会是一个好习惯——你强迫客户端下载所有东西两次，服务器生成所有东西两次，等等。如果你想要一个纯 JS 解决方案，你可以尝试类似的东西$('form').find('input[type="text"]').val('');

【解决方案2】：

你为什么不做一些简单的事情：

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<input type="submit" name="reset" value="reset">
</form>

有效且干净，我真的没有看到其中的“坏习惯”吗？

【讨论】：

如果您指的是@momo 提到的“不良做法”，他的意思是：如果可以在不重新加载页面的情况下清除表单，那么为什么要“折磨”用户（+不必要使用所有 HTTP 机制）重新加载页面？

【解决方案3】：

我找到了如下解决方案：

在我添加的头部：

<script> function reloadPage() { location.reload(); } </script>

在我添加的正文中：

<input type="button" value="Reload page" onclick="reloadPage()">

这是我想要的，我可以一遍又一遍地巧妙地应用它，这很酷。

【讨论】：