Przejdź do głównej zawartości
Strona w budowie. Niektóre treści mogą być niedostępne. Prosimy o cierpliwość.

Atrybuty formularzy i pól – podsumowanie

Połączymy teraz wiedzę o atrybutach <form> i <input>, aby stworzyć bardziej dopracowany formularz.


  • <form>:
    • action, method, enctype.
  • <input>:
    • type, name, required, min, max, placeholder.

Przykład

<form action="/rejestracja" method="post">
<label>
Email:
<input type="email" name="email" required placeholder="twoj@mail.pl">
</label>
<label>
Haslo:
<input type="password" name="haslo" required minlength="8">
</label>
<button type="submit">Zarejestruj sie</button>
</form>

  1. Zbuduj formularz rejestracyjny lub logowania z wykorzystaniem poznanych atrybutów.
  2. Dodaj prosta walidacje po stronie przeglądarki (np. required, minlength).
  3. Zastanów się, które pola naprawdę muszą być wymagane.