Aplikacje internetowe

Formularze

1zadań
0przykładów

Materiały w przygotowaniu

Teoria i przykłady do tego działu są właśnie opracowywane. Struktura działu jest już gotowa — poniżej znajdziesz dostępne zadania, a nauczyciel może dodać kolejne z panelu.

04Zadania

Znalezione zadania: 1

Zadanie 2

Dział: Formularze
Temat: Formularz z walidacją HTML
Zbuduj formularz rejestracji z polami e-mail i hasło, w którym oba pola są wymagane, a hasło ma mieć co najmniej 8 znaków.
HTML
<form action="rejestracja.php" method="post">
  <label for="email">E-mail</label>
  <input type="email" id="email" name="email" required>

  <label for="haslo">Hasło</label>
  <input type="password" id="haslo" name="haslo" minlength="8" required>

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

Wskazówka

Wykorzystaj atrybuty `required`, `type="email"` oraz `minlength`.

Rozwiązanie krok po kroku

  1. 1Tworzymy element `form` z metodą `post`.
  2. 2Pole e-mail dostaje `type="email"` i `required` — przeglądarka sama sprawdzi format.
  3. 3Pole hasła dostaje `minlength="8"`, aby wymusić długość.
  4. 4Dodajemy etykiety `label` powiązane atrybutem `for` z polami — to wymóg dostępności.