Atrybuty pól input

Wprowadzenie

Atrybuty pól <input> pozwalają ustawić podpowiedzi, wymagalność, zakres wartości i wiele innych cech.

---

Teoria / Wyjaśnienia

• Popularne atrybuty:
  • required – pole wymagane,
  • placeholder – podpowiedź w środku pola,
  • min, max, step – zakres dla liczb/dat,
  • disabled, readonly – blokada edycji.

---

Praktyczne przykłady

Przykład

<form>
  <label>
    Email (wymagany):
    <input type="email" name="email" required placeholder="twoj@mail.pl">
  </label>

  <label>
    Wiek (0–120):
    <input type="number" name="wiek" min="0" max="120">
  </label>
</form>

---

Ćwiczenie

1. Dodaj required do najważniejszych pól w formularzu.
2. Zastosuj placeholder tam, gdzie pomaga użytkownikowi.
3. Przetestuj, jak przeglądarka zachowuje się przy pozostawieniu wymaganego pola pustego.