Fatal编程技术网
  • php/
  • 在同一页面上用PHP提交HTML表单后，如何清除文本

在同一页面上用PHP提交HTML表单后，如何清除文本

php html

在同一页面上用PHP提交HTML表单后，如何清除文本,php,html,Php,Html,我想在执行PHP代码时清除或隐藏HTML文本（HTML表单） 我只想显示如果（isset（$\u POST['submit']）{} 下面是我在index.php中调用的代码 <html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <div class="formku"&g

我想在执行PHP代码时清除或隐藏HTML文本（HTML表单）

我只想显示
如果（isset（$\u POST['submit']）{}

下面是我在index.php中调用的代码

<html>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    <body>
    <div class="formku">
        <legend><b>Input Score (0 - 4)</b></legend>
    <form action="" method="post">
        <legend><span class="number">1</span>N1 : </legend>
        <input required type="text" name="n1" />  
        S1 : 
        <input required type="text" name="s1" /> <br/>
        <legend><span class="number">2</span>N2 : </legend>
        <input required type="text" name="n2" /> 
        S2 : 
        <input required type="text" name="s2" /> <br/>
        <input type="submit" name="submit" value="Count"/>
    </form>
    <hr>
<?php
if (isset($_POST['submit'])) {
    $vn1 = $_POST['n1'];
    $vn2 = $_POST['n2'];
    echo '<h2>Result</h2>';
    echo 'Final score N1 = ' . $vn1 * $vs1 . '<br>';
    echo 'Final score N2 = ' . $vn2 * $vs2 . '<br>';
    $tn = ($vn1 * $vs1) + ($vn2 * $vs2);
    $ts = $vs1 + $vs2;
    $ip = $tn / $ts;
    echo 'IP Value: ' . $ip;
    echo '<br>';
    echo 'You got: ';
    if ($ip >= 4)
        echo 'A';
    else if ($ip >= 3)
        echo 'B';
    else if ($ip >= 2)
        echo 'C';
    else if ($ip >= 1)
        echo 'D';
    else
        echo 'E';
}
?>
    </div>
</body>
</html>


输入分数（0-4）
1N1：
S1:


2N2：
S2：
只需使用其他条件：

<?php
if (isset($_POST['submit'])) {
    //show the message of submit
    $vn1 = $_POST['n1'];
    $vn2 = $_POST['n2'];
    ....
} else {
    //show the form data
?>
    <form ...>
    </form>
<?php } ?>
在if语句中，您可以重复以下内容：

<script type="text/javascript">
      document.getElementsByClassName('formku')[0].display = "none";
</script>


document.getElementsByClassName（'formku'）[0].display=“无”；
在此处发布代码。我们爱代码！