Ćwiczenia PHP – Formularze

Krok 1: Tworzenie prostego formularza HTML

Skopiuj poniższy kod HTML do pliku np. formularz.html i otwórz w przeglądarce.

<form action="formularz.php" method="post">
  <label for="imie">Imię:</label>
  <input type="text" name="imie" id="imie"><br>

  <label for="nazwisko">Nazwisko:</label>
  <input type="text" name="nazwisko" id="nazwisko"><br>

  <label for="email">E-mail:</label>
  <input type="email" name="email" id="email"><br>

  <input type="submit" value="Wyślij">
</form>

Krok 2: Odbieranie danych w PHP

Stwórz plik formularz.php i przepisz poniższy kod PHP, aby odebrać dane z formularza.

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $imie = $_POST["imie"];
    $nazwisko = $_POST["nazwisko"];
    $email = $_POST["email"];

    echo "<h3>Otrzymane dane:</h3>";
    echo "Imię: " . htmlspecialchars($imie) . "<br>";
    echo "Nazwisko: " . htmlspecialchars($nazwisko) . "<br>";
    echo "E-mail: " . htmlspecialchars($email) . "<br>";
}
?>

Krok 3: Walidacja danych (prosta)

Dodajmy sprawdzenie, czy pola nie są puste:

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $imie = trim($_POST["imie"]);
    $nazwisko = trim($_POST["nazwisko"]);
    $email = trim($_POST["email"]);

    if (empty($imie) || empty($nazwisko) || empty($email)) {
        echo "<p style='color:red;'>Wszystkie pola są wymagane!</p>";
    } else {
        echo "<h3>Otrzymane dane:</h3>";
        echo "Imię: " . htmlspecialchars($imie) . "<br>";
        echo "Nazwisko: " . htmlspecialchars($nazwisko) . "<br>";
        echo "E-mail: " . htmlspecialchars($email) . "<br>";
    }
}
?>

Krok 4: Ćwiczenia dodatkowe

• Dodaj pole wyboru płci (radio button) i wyświetl w PHP.
• Dodaj pole z wielokrotnym wyborem (checkbox) i obsłuż w PHP.
• Spróbuj użyć listy rozwijanej (select) i wyświetlić wybraną opcję.
• Dodaj prostą walidację dla e-maila przy pomocy filter_var.

Po przepisaniu i uruchomieniu kodu lokalnie w XAMPP uczniowie mogą testować różne typy pól formularzy i zobaczyć wyniki w PHP.