Typy pól input

Wprowadzenie

HTML5 wprowadził wiele typów pól <input>, które ułatwiają walidację danych i poprawiają wygodę użytkownika.

---

Teoria / Wyjaśnienia

• Najczęstsze typy <input>:
  • text, email, password,
  • number, date, time,
  • checkbox, radio,
  • file – wybór pliku.

---

Praktyczne przykłady

Przykład

<form>
  <label>Email: <input type="email" name="email"></label>
  <label>Wiek: <input type="number" name="wiek" min="0" max="120"></label>
  <label>Data urodzenia: <input type="date" name="urodziny"></label>
</form>

---

Ćwiczenie

1. Stwórz formularz rejestracyjny wykorzystujący rózne typy pól.
2. Dodaj ograniczenia (np. min, max) do pól liczbowych.
3. Sprawdź, jak przeglądarka pomaga w walidacji (podpowiedzi, komunikaty).