W tym kursie dzielimy formularze HTML na łatwe do zrozumienia elementy. W kolejnych modułach dowiesz się, jak działa formularz HTML i jak skutecznie wykorzystać go w swoich projektach. Aby poruszać się po modułach, użyj panelu menu obok logo Naucz się formularzy.
Dowiesz się, jak tworzyć podstawowy formularz HTML, jakie są elementy formularzy HTML, jak je określać, jak ułatwiać użytkownikom ponowne wprowadzanie danych, jak zapewnić dostępność formularza i jak je zabezpieczać, jak je testować oraz jak je testować.
Każdy moduł jest pełen interaktywnych prezentacji i testów, które pozwolą Ci sprawdzić swoją wiedzę.
Ten kurs jest przeznaczony dla początkujących i zaawansowanych programistów HTML. Kilka pierwszych modułów pomoże Ci rozpocząć tworzenie formularzy HTML, a pozostałe zawierają więcej szczegółów. Możesz przeglądać całą serię, by lepiej poznać formularze HTML, albo wybrać konkretny moduł, o którym chcesz dowiedzieć się więcej.
Wymagania wstępne
Przed rozpoczęciem tego kursu dobrze jest znać język HTML. Dla osób, które dopiero zaczynają tworzyć strony internetowe, zapoznaj się z kursem wprowadzenie do HTML przygotowanym przez MDN, aby dowiedzieć się wszystkiego o pisaniu znaczników.
Przykłady
W większości przypadków demonstracyjnych korzystamy z narzędzia CodePen.
Przeglądając wersje demonstracyjne, być może zastanawiasz się, skąd pochodzą style. Używamy ogólnego arkusza stylów dołączonego do wszystkich wersji demonstracyjnych, więc widoczne są w nim tylko odpowiednie style. W CodePen w Ustawieniach możesz wybrać uwzględnione pliki CSS.
Elementy sterujące i pola formularza
Element sterujący to element, który umożliwia interakcję użytkownika oraz wprowadzanie lub wybieranie danych: <input>, <select>, <textarea> lub <button>.
Czasami pole formularza jest używane w odniesieniu do elementów sterujących formularza, a w szczególności elementów wpisywania tekstu: <input> i <textarea>.
Czego się nauczysz
Uzyskiwanie danych od użytkowników za pomocą formularzy
Dzięki temu wprowadzeniu do elementu formularza dowiesz się, jak korzystać z formularzy w internecie.
Pomaganie użytkownikom w wpisywaniu danych w formularzach
Omówienie różnych elementów formularzy, które można wybrać do utworzenia formularza.
Pomaganie użytkownikom w unikaniu ponownego wpisywania danych w formularzach
Ułatw użytkownikom wypełnianie formularzy.
Pomóż użytkownikom wpisywać w formularzach właściwe dane
Dowiedz się, jak weryfikować formularze w frontendzie.
Testowanie formularzy
Dowiedz się, jak testować i analizować formularze.
Podstawy projektowania
Dowiedz się, jak tworzyć przyjazne dla użytkownika formularze.
Ułatwienia dostępu
Jak tworzyć formularze promujące integrację społeczną
Internacjonalizacja i lokalizacja
Przygotuj się na międzynarodowe formaty danych i dowiedz się, jak zaplanować lokalizację formularza.
Bezpieczeństwo i prywatność
Dowiedz się, jak zabezpieczyć formularze i chronić prywatność danych użytkowników.
Autouzupełnianie
Dowiedz się więcej o autouzupełnianiu i atrybucie autouzupełniania.
Jak przetestować formularze pod kątem użyteczności
Dowiedz się, jak przeprowadzać testy użyteczności, aby mieć pewność, że formularz będzie dobrze działać u wszystkich użytkowników.
Testowanie formularzy na różnych urządzeniach i platformach
Upewnij się, że formularz działa na różnych urządzeniach, w różnych przeglądarkach, na różnych platformach i w różnych kontekstach.
Gromadzenie danych
Dowiedz się, jak mierzyć i analizować swój formularz.
Szczegółowe informacje o elemencie formularza
Dowiedz się więcej o elemencie formularza, jego zastosowaniach i zasadach działania.
Szczegółowe informacje o polach formularzy
Dowiedz się więcej o różnych polach formularza, których możesz używać, i o tym, jak wybrać odpowiedni element formularza.
Szczegółowe informacje o atrybutach formularzy
Dowiedz się więcej o atrybutach formularzy, takich jak modyfikowanie układu klawiatur ekranowych czy aktywowanie wbudowanej weryfikacji.
Style formularzy
Nadawaj stylom formularze w CSS, dbając przy tym o to, aby były łatwo dostępne i czytelne dla każdego.
Sterowanie stylem w formularzu
Dowiedz się, jak implementować elementy sterujące formularza za pomocą CSS.
JavaScript
Dowiedz się, jak korzystać z JavaScriptu, by ulepszać swoje formularze.
Formularze płatności
Twórz lepsze formy płatności, aby poprawić współczynniki konwersji.
Formularze adresowe
Pomóż użytkownikom szybko i łatwo wypełniać formularze adresowe.
Podsumowanie i dalsze kroki
Dodatkowe zasoby, które pomogą Ci wykonać kolejne kroki.
Chcesz dowiedzieć się czegoś o formularzach? Zaczynamy.