Home

Ka Yee's All-in-One Form

Text


Checkbox

Name of Flowers:

Favorite Flower






Dropdown

Multiple Selection


CODE FOLLOWS

        
<?php

// Initialize variables for sticky fields
$getName = isset($_GET['getName']) ? $_GET['getName'] : '';

$firstName = isset($_POST['firstName']) ? $_POST['firstName'] : '';
$lastName = isset($_POST['lastName']) ? $_POST['lastName'] : '';
$student = isset($_POST['student']) ? $_POST['student'] : '';
$favoriteFlower = isset($_POST['favoriteFlower']) ? $_POST['favoriteFlower'] : '';
$dropdownFlower = isset($_POST['dropdownFlower']) ? $_POST['dropdownFlower'] : '';
$multipleFlowers = isset($_POST['multipleFlowers']) && is_array($_POST['multipleFlowers']) ? $_POST['multipleFlowers'] : [];

//// Sanitize outputs for stickiness

$firstNameEscaped = htmlspecialchars($firstName, ENT_QUOTES, 'UTF-8');
$lastNameEscaped = htmlspecialchars($lastName, ENT_QUOTES, 'UTF-8');
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PHP Forms</title>
    <link rel="stylesheet" href="css/styles.css">
    <style>
        main {
            width: 80%;
            margin: 0 auto;
            text-align: center;
        }

        form {
            text-align: left;
        }

        fieldset {
            margin-bottom: 15px;
            padding: 10px;
        }

        .form-row {
            margin-bottom: 10px;
        }

        .form-row label {
            display: inline-block;
            width: 100px;
            margin-right: 10px;
        }
    </style>

</head>
<body>

<main>

    <p>
        <a href="index.php">
            Home
        </a>
    </p>

    <?php if (isset($_POST['allSubmit'])): ?>
        <section class="result-box">
            <h2>Ka Yee's All-in-One Form Submission Result</h2>
            <p>The following All-in-One POST data was gathered:</p>
            <pre><?php echo htmlspecialchars(print_r($_POST, true), ENT_QUOTES, 'UTF-8'); ?></pre>
        </section>
    <?php endif; ?>

    <section>

        <h2>Ka Yee's All-in-One Form</h2>

        <form action="" method="POST">

            <fieldset>

                <legend>
                    Text
                </legend>

                <div class="text-field">
                    <label for="firstName">First Name</label>

                    <input
                            type="text"
                            id="firstName"
                            name="firstName"
                            value="<?php echo $firstNameEscaped; ?>"
                    >
                </div>

                <br>

                <div class="text-field">
                    <label for="lastName">Last Name</label>

                    <input
                            type="text"
                            id="lastName"
                            name="lastName"
                            value="<?php echo $lastNameEscaped; ?>"
                    >
                </div>

            </fieldset>

            <br>

            <fieldset>

                <legend>
                    Checkbox
                </legend>

                <label for="student">
                    Student
                </label>

                <input
                        type="checkbox"
                        id="student"
                        name="student"
                        <?php echo $student ? 'checked' : ''; ?>
                >

            </fieldset>

            <br>

            <fieldset>

                <legend>
                    Name of Flowers:
                </legend>

                <p>Favorite Flower</p>

                <div class="radio-options">

                    <input type="radio" id="radio_Lily" name="favoriteFlower" value="Lily">
                    <label for="radio_Lily">Lily</label>
                    <br>

                    <input type="radio" id="radio_Orchid" name="favoriteFlower" value="Orchid">
                    <label for="radio_Orchid">Orchid</label>
                    <br>

                    <input type="radio" id="radio_Rose" name="favoriteFlower" value="Rose">
                    <label for="radio_Rose">Rose</label>
                    <br>

                    <input type="radio" id="radio_Sunflower" name="favoriteFlower" value="Sunflower">
                    <label for="radio_Sunflower">Sunflower</label>
                    <br>

                    <input type="radio" id="radio_Tulip" name="favoriteFlower" value="Tulip">
                    <label for="radio_Tulip">Tulip</label>

                </div>

            </fieldset>

            <br>

            <fieldset>

                <legend>
                    Dropdown
                </legend>

                <label for="dropdownFlower">
                    Favorite Flower
                </label>

                <select
                        id="dropdownFlower"
                        name="dropdownFlower"
                >

                    <option
                            value="Lily"
                            <?php echo $dropdownFlower === 'Lily' ? 'selected' : ''; ?>
                    >
                        Lily
                    </option>

                    <option
                            value="Orchid"
                            <?php echo $dropdownFlower === 'Orchid' ? 'selected' : ''; ?>
                    >
                        Orchid
                    </option>

                    <option
                            value="Rose"
                            <?php echo $dropdownFlower === 'Rose' ? 'selected' : ''; ?>
                    >
                        Rose
                    </option>

                    <option
                            value="Sunflower"
                            <?php echo $dropdownFlower === 'Sunflower' ? 'selected' : ''; ?>
                    >
                        Sunflower
                    </option>

                    <option
                            value="Tulip"
                            <?php echo $dropdownFlower === 'Tulip' ? 'selected' : ''; ?>
                    >
                        Tulip
                    </option>

                </select>

            </fieldset>

            <br>

            <fieldset>

                <legend>
                    Multiple Selection
                </legend>

                <label for="multipleFlowers">
                    Choose Flowers
                </label>

                <br>

                <select
                        id="multipleFlowers"
                        name="multipleFlowers[]"
                        multiple
                        size="5"
                >
                    <option
                            value="Lily"
                            <?php echo in_array('Lily', $multipleFlowers, true) ? 'selected' : ''; ?>
                    >
                        Lily
                    </option>

                    <option
                            value="Orchid"
                            <?php echo in_array('Orchid', $multipleFlowers, true) ? 'selected' : ''; ?>
                    >
                        Orchid
                    </option>

                    <option
                            value="Rose"
                            <?php echo in_array('Rose', $multipleFlowers, true) ? 'selected' : ''; ?>
                    >
                        Rose
                    </option>

                    <option
                            value="Sunflower"
                            <?php echo in_array('Sunflower', $multipleFlowers, true) ? 'selected' : ''; ?>
                    >
                        Sunflower
                    </option>

                    <option
                            value="Tulip"
                            <?php echo in_array('Tulip', $multipleFlowers, true) ? 'selected' : ''; ?>
                    >
                        Tulip
                    </option>

                </select>

            </fieldset>

            <br>

            <input
                    type="submit"
                    name="allSubmit"
                    value="Submit"
            >

        </form>

    </section>

</main>
<section class="code-section">
    <hr>

    <p>CODE FOLLOWS</p>

    <pre>
        <?php
        
// list code
        
highlight_file(__FILE__);
        echo(
'<hr>');
        
?>
    </pre>
</section>
<footer>
    Copyright &copy; 2026 Ka Yee Lam
</footer>
</body>
</html>