PHP:清除/重置提交给self的表单


PHP: Clear/reset form which submits to self

此处为新手。

网站网址: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"),并将其放在一个不可见的元素中,然后将页面重新加载到该元素以保持/防止滚动,但这对我来说似乎是作弊/一个肮脏的黑客行为,而不是良好的编程实践。

我试图用它来重置表单("cho"),但它似乎没有任何作用。因此,我希望有人能帮助我找到一个好方法来实现我的最终目标,那就是有一个可重复的工具来清除/重置页面,这样我就可以测试多个场景,而不需要连续滚动/重新滚动。

<?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.
?>

重新加载页面以清除表单是一种糟糕的做法,并且您想要的功能是内置的:

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

进一步阅读:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

为什么不做一些简单的事情,比如:

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

工作而且干净,我真的不认为这是"坏习惯"吗?

我找到了一个解决方案,如下所示:

在标题中,我添加了:

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

在正文中我添加了:

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

这是我想要的,我可以一次又一次地巧妙地涂抹,所以很酷。