How can a PHP beginner implement a color change for empty fields in a contact form?

To implement a color change for empty fields in a contact form using PHP, you can add a simple check to see if the form field is empty when the form is submitted. If the field is empty, you can add a CSS class to change the color of the input field. This can be done by adding inline styles or by adding a class to the input field and defining the styles in an external CSS file. 

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST["name"];
    $email = $_POST["email"];
    
    if (empty($name)) {
        $name_class = "error";
    } else {
        $name_class = "";
    }
    
    if (empty($email)) {
        $email_class = "error";
    } else {
        $email_class = "";
    }
}
?>

<form method="post">
    <input type="text" name="name" class="<?php echo $name_class; ?>" placeholder="Name">
    <input type="email" name="email" class="<?php echo $email_class; ?>" placeholder="Email">
    <button type="submit">Submit</button>
</form>

<style>
.error {
    border: 1px solid red;
}
</style>

Keywords

PHP beginner color change empty fields contact form

Related Questions