Pamiętasz zwykłe pola tekstowe? Teraz zamienimy je w inteligentne narzędzia. Nauczysz się, jak zmusić użytkownika do wpisania poprawnych danych (np. minimalnie 8 znaków hasła) bez użycia skomplikowanego programowania. Przeglądarka zrobi to za Ciebie!
Kluczowe zagadnienia:
- Atrybuty walidacji:
required,minlength. - Nowe typy inputów:
number,date,color,range. - Ograniczanie liczb (
min,max).
Pytania do filmu:
- Co robi atrybut
requireddodany do pola? - Jak wymusić minimalną liczbę znaków w haśle? (Odp:
minlength). - Jaki typ pola pozwala wybrać datę z kalendarza?
- Jaki typ pola służy do wpisywania tylko cyfr?
- Jak ograniczyć wiek użytkownika (np. minimum 18) w polu liczbowym? (Odp: atrybut
min). - Co to jest walidacja formularza? (Odp: Sprawdzanie poprawności danych).
- Jaki typ pola tworzy suwak do przesuwania? (Odp:
range). - Jaki typ pola otwiera paletę kolorów? (Odp:
color). - Co zrobi przeglądarka, jeśli spróbujesz wysłać formularz z błędem? (Odp: Pokaże dymek z komunikatem).
- Czy do tej walidacji potrzebujemy JavaScriptu? (Odp: Nie, to czysty HTML5).