Przykłady i ćwiczenia
Przykład 1 – Formularz logowania
<form action="login.php" method="post">
Login: <input type="text" name="login"><br>
<input type="submit" value="Zaloguj">
</form>Odbieranie danych w login.php:
<?php
$login = $_POST['login'];
echo "Podano login: $login";
?>Ćwiczenie 1
Stwórz formularz logowania, w którym użytkownik wpisuje login i hasło.
- Jeśli pola są puste, powinien pojawić się komunikat „Wypełnij wszystkie pola!”.
- Jeśli login i hasło zostaną wpisane, skrypt powinien je odebrać i wyświetlić.
Przykład 2 – Formularz wyboru kategorii
<form action="kategorie.php" method="post">
Wybierz kategorię:
<select name="kategoria">
<option value="sport">Sport</option>
<option value="muzyka">Muzyka</option>
<option value="film">Film</option>
</select>
<input type="submit" value="Wyślij">
</form>Ćwiczenie 2
Stwórz formularz, w którym użytkownik wybiera swój ulubiony przedmiot szkolny z listy rozwijanej (np. matematyka, informatyka, język polski).
- Napisz skrypt, który odbiera wybór i wyświetla komunikat w stylu: „Twój ulubiony przedmiot to …”.
Przykład 3 – Formularz z polem tekstowym
<form action="opis.php" method="post">
Opisz swoje hobby:<br>
<textarea name="hobby" rows="4" cols="40"></textarea><br>
<input type="submit" value="Wyślij">
</form>Ćwiczenie 3
Stwórz formularz z polem textarea, w którym użytkownik wpisze swoją krótką opinię o komputerach.
- Napisz skrypt, który odbierze tę opinię i wyświetli ją na stronie w ramce `
`.
- Dodaj filtr
htmlspecialchars(), aby zabezpieczyć się przed wstrzyknięciem kodu HTML.
Przykład 4 – Formularz przesyłania pliku
<form action="upload.php" method="post" enctype="multipart/form-data">
Wybierz plik:
<input type="file" name="plik"><br>
<input type="submit" value="Wyślij">
</form><?php
substr($nazwa, -4);
?>- funkcja przycinająca łańcuch znaków
Ćwiczenie 4
Stwórz formularz, w którym użytkownik może przesłać plakat swojego ulubionego filmu (plik graficzny).
- Napisz skrypt, który odbiera plik i sprawdza, czy rzeczywiście jest to plik graficzny (np.
.jpg,.png). - Jeśli plik nie jest obrazem – wyświetl komunikat „Dozwolone są tylko pliki graficzne”.