PHP更新表单Clear按钮无法清除文本框问题求助

问题原因 #

默认的type="reset"按钮会将表单重置为页面加载时的初始状态——也就是PHP从数据库读取后填充到value属性的值，所以点击它只会恢复到原来的用户数据，不会清空内容。

解决方案（纯PHP实现） #

把Clear按钮改成提交按钮，通过PHP判断清空请求，动态设置表单字段的值：

1. 在页面开头增加清空请求的判断，若检测到Clear提交，将除用户ID外的字段值设为空；否则正常从数据库读取用户数据（同时修复原代码的SQL注入风险）。
2. 替换reset按钮为submit类型，绑定清空请求标识。

修改后的完整代码 #

<?php
// 初始化字段变量
$id = '';
$username = '';
$password = '';
$fullname = '';

// 检测清空请求
if(isset($_POST['clear'])) {
    // 保留userid，确保后续更新能定位目标用户
    $id = $_REQUEST["userid"] ?? '';
} else {
    // 连接数据库并读取数据
    $link = mysqli_connect("localhost", "root", "", "ortegadb");
    if($link === false){
        die("ERROR: 连接失败。 " . mysqli_connect_error());
    }

    // 修复SQL注入：使用预编译语句
    $user_id = $_REQUEST["userid"] ?? '';
    if($user_id) {
        $sql = "SELECT * FROM usertb WHERE id=?";
        $stmt = mysqli_prepare($link, $sql);
        mysqli_stmt_bind_param($stmt, "i", $user_id);
        mysqli_stmt_execute($stmt);
        $result = mysqli_stmt_get_result($stmt);
        if($row = mysqli_fetch_array($result)){
            $id = $row["id"];
            $username = $row["username"];
            $password = $row["password"];
            $fullname = $row["fullname"];
        } else {
            echo "ERROR: 未找到该用户。";
        }
        mysqli_stmt_close($stmt);
    }
    mysqli_close($link);
}
?>  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Update</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        form {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 400px;
            width: 100%;
        }

        input {
            width: 100%;
            padding: 10px;
            margin: 8px 0;
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        input[type="submit"] {
            background-color: #4caf50;
            color: white;
            padding: 10px 15px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin-right: 5px;
        }

        input[type="submit"]:hover {
            background-color: #45a049;
        }

        .clear-btn {
            background-color: #f44336;
        }

        .clear-btn:hover {
            background-color: #da190b;
        }
    </style>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
    <h2><center>Update</center></h2> <br>
    Userid:
    <input type="text" name="id" value="<?php echo htmlspecialchars($id); ?>" readonly><br>
    Username
    <input type="text" name="uname" value="<?php echo htmlspecialchars($username); ?>"><br>
    Full Name:
    <input type="text" name="fullname" value="<?php echo htmlspecialchars($fullname); ?>"><br>
    Password:
    <input type="text" name="pass" value="<?php echo htmlspecialchars($password); ?>"><br>
    <input type="submit" name="sbt" value="Update">
    <input type="submit" name="clear" value="Clear" class="clear-btn">
    <!-- 隐藏传递userid，确保清空后仍能定位用户 -->
    <input type="hidden" name="userid" value="<?php echo $_REQUEST["userid"] ?? ''; ?>">
</form>
</body>
</html>

关键改动说明 #

• 清空逻辑：点击Clear按钮（submit类型，name="clear"）后，PHP捕获请求并将除userid外的字段设为空，页面刷新后表单显示空值。
• SQL注入修复：原代码直接拼接变量到SQL语句存在安全风险，改用预编译语句绑定参数，避免注入攻击。
• XSS防护：用htmlspecialchars转义输出变量，防止特殊字符导致的HTML解析问题与XSS攻击。
• 隐藏字段传值：清空操作后保留userid的隐藏值，确保后续点击Update时能正确定位目标用户。

内容的提问来源于stack exchange，提问作者fam