How can PHP and HTML code be effectively separated while maintaining functionality in a login form scenario?

To effectively separate PHP and HTML code in a login form scenario, you can use PHP to handle the form submission and processing of login credentials, while keeping the HTML markup separate for better organization and readability. One way to achieve this is by using PHP to validate the form data, authenticate the user, and redirect them to a new page upon successful login. This separation of concerns helps maintain a clean and modular code structure. 

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Validate form data
    $username = $_POST['username'];
    $password = $_POST['password'];

    // Authenticate user (example logic)
    if ($username === 'admin' && $password === 'password') {
        // Redirect to dashboard upon successful login
        header("Location: dashboard.php");
        exit();
    } else {
        // Display error message if authentication fails
        $error = "Invalid username or password";
    }
}
?>

<!DOCTYPE html>
<html>
<head>
    <title>Login Form</title>
</head>
<body>
    <h2>Login Form</h2>
    <?php if(isset($error)) { echo '<p>' . $error . '</p>'; } ?>
    <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <label for="username">Username:</label>
        <input type="text" name="username" required><br>
        <label for="password">Password:</label>
        <input type="password" name="password" required><br>
        <button type="submit">Login</button>
    </form>
</body>
</html>

Keywords

PHP HTML separation login form functionality

Related Questions