Formularze HTML5 i walidacja po stronie klienta

Kluczowe atrybuty walidacji HTML5:

• required – pole nie może pozostać puste.
• pattern="[A-Za-z]{3,}" – wymusza dopasowanie wartości do wyrażenia regularnego (RegEx).
• min / max / step – ograniczenia dla pól numerycznych i dat.
• minlength / maxlength – minimalna i maksymalna liczba znaków.
• Nowoczesne typy pól: email, number, tel, url, date, color, range.

<form action="rejestracja.php" method="POST">
    <label for="login">Login:</label>
    <input type="text" id="login" name="login" required minlength="4">

    <label for="haslo">Hasło (min. 8 znaków, cyfra):</label>
    <input type="password" id="haslo" name="haslo" pattern="(?=.*\d).{8,}" required>

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

    <button type="submit">Zarejestruj się</button>
</form>

Najczęstsze pułapki na egzaminie INF.03:

• Każde pole formularza powinno być powiązane ze znacznikiem <label for="id_pola"> w celu poprawy dostępności i użyteczności.
• Walidacja HTML5 działa po stronie klienta – dane zawsze muszą być dodatkowo sprawdzone po stronie serwera (np. w PHP)!