Uwagi o formularzach HTML

Praktyczne spostrzeżenia: kiedy formularze są właściwym narzędziem, jak je projektować i jakich błędów unikać.

Dlaczego i po co formularze

Formularze są podstawowym sposobem przekazywania danych od użytkownika do aplikacji. Od wyszukiwarek, przez logowanie, po rozbudowane ankiety – wszędzie tam wykorzystujemy <form> i kontrolki formularza. Ich przewagą jest natywna obsługa klawiatury, wbudowana walidacja, integracja z czytnikami ekranu oraz znajome zachowanie w przeglądarkach.

Kiedy stosować

  • Gdy potrzebujemy wysłać dane do serwera (logowanie, rejestracja, checkout, komentarz).
  • Gdy zależy nam na natywnej walidacji i obsłudze klawiatury bez dodatkowego JS.
  • Gdy oczekujemy dostępności i zgodności z narzędziami asystującymi.
  • Gdy akcja ma być bookmarkowalna (np. wyszukiwarka – wtedy metoda GET).

Kiedy nie stosować

  • Do nawigacji po stronie (menu, paginacja) – tu lepszy jest <a>.
  • Gdy zbieramy dane bez wysyłki (np. czysto lokalne filtry) – wystarczy zwykły interfejs z przyciskami.
  • Jako zamiennik przycisków – nie wstawiaj formularza tylko po to, by wywołać JS.