HTML重置按钮工作不正常 - HTML reset button not working properly

HTML reset button not working properly

本文关键字：工作不正常按钮 HTML | 更新日期: 2023-09-27

我有一个PHP和HTML的基本和示例，在这个PHP页面中，重置按钮只重置前两个输入字段，而不是重置第三个答案字段。我不知道这个错误是什么，因为我是PHP的新手。有人请帮我解决这个问题。

代码

<html>
<head>
<title>Title goes here</title>
</head>
<body>
<form action="" method="post">
<label>Enter Num1:</label>
<input type="text" name="num1" id="num1" /><br>
<label>Enter Num2:</label>
<input type="text" name="num2" id="num2" /><br><br>
<input type="radio" name="rad" value="add"/>addition
<input type="radio" name="rad" value="sub"/>sub
<input  type="submit" name="btn_submit" value="fire">
<?php
    if(isset($_POST['btn_submit']))
    {
        $num1 = $_POST['num1'];
        $num2 = $_POST['num2'];
        $rad_val = $_POST['rad'];
        if($rad_val=="add"){
        $total =  $num1+$num2;      
        }
        else if($rad_val=="sub"){
        $total =  $num1-$num2;
        }     
        echo "<SCRIPT TYPE='"text/javascript'">
document.getElementById('"num1'").value= $num1;
document.getElementById('"num2'").value= $num2;
</SCRIPT>";
        echo "<label>Answer is:</label> <input type='"text'" name='"rad'" value = $total />";
        echo"<input  type='"reset'" name='"reset'" value='"reset'" />";
    }
    else if(isset($_POST['reset'])){
    echo "<script>window.location = 'your_page.php';</script>";
    }
?>

</form>

</body>
</html>

reset函数加载your_page.php。因此，可能需要将该页面上的初始值更改为0。你能举一个你的_page.php的例子吗？

您可以通过更改行来触发页面刷新

echo"<input  type='"reset'" name='"reset'" value='"reset'" />";

至

echo"<input  type='"reset'" name='"reset'" value='"reset'" onclick= '"window.location = 'your_page.php';'"/>";

或

甚至更好。只需将答案中的值重置为0，这将保存在页面上重新加载。

在结果字段中添加一个ID：

<input type='"text'" name='"rad'" id='"rad'" value = $total />";

并在重置点击/上更改te值

echo"<input  type='"reset'" name='"reset'" value='"reset'" onclick= '" document.getElementById('"rad'").value= 0;'"/>";

使用Jquery，您可以重置为任何值，但您可以通过网络来阻止默认操作：

示例：

$('#Reset').click(function(){
    event.preventDefault();
    $('#element').val('default');
    $('#element2').val('default');
    $('#element3').val('default');      
});