Formularze HTML są bardzo potężnym narzędziem do interakcji z użytkownikami, ale z przyczyn technicznych nie zawsze jest oczywiste, jak wykorzystać ich pełny potencjał. Samo przesłanie danych w tym przypadku nie wystarczy - musisz również upewnić się, że dane, które użytkownicy wypełniają w formularzach, zostaną przesłane w odpowiednim formacie, który jest potrzebny do ich pomyślnego przetworzenia i aby nie uszkodziło to istniejących aplikacji. Ważne jest również, aby pomóc użytkownikom w prawidłowym wypełnianiu formularzy i nie denerwować się podczas próby korzystania z aplikacji.
Tag służy do tworzenia formularza HTML. W rzeczywistości nie tworzy marginesu, ale jest używany jako kontener nadrzędny dla elementów takich jak. Niezależnie od tego, czy chcesz utworzyć prosty formularz subskrypcji z regularnymi kasami i płatnościami, czy interaktywne aplikacje internetowe, do działania będziesz musiał użyć znaczników elementów HTML, z których najważniejszym jest.
Jak standardFormularze HTML
Formularze HTML zostały wynalezione i w dużej mierze ustandaryzowane przed pojawieniem się asynchronicznego JavaScript i złożonych aplikacji internetowych. Obecnie używane są wejścia formularzy, przyciski i inne mechanizmy interakcji, ale sednem tego jest system oparty na paradygmacie żądania i odpowiedzi
Gdy użytkownik ładuje stronę, wysyłane jest żądanie http (zwykle tak zwane żądanie GET). Jest on wysyłany przez Twoją przeglądarkę do serwera i zazwyczaj serwer odpowiada stroną internetową, której szuka użytkownik. Ta interakcja jest jednym z najbardziej podstawowych pojęć Internetu. I to dokładnie wyjaśnia, jak działają formularze HTML.
Proces wymiany informacji z serwerem
Każdy, który zawiera elementy takie jak, znajduje się wewnątrz i ma atrybut nazwy (nazwa), a także jego wartość. Wartość jest definiowana na różne sposoby. W przypadku tekstu będzie to wartość wprowadzona w pole przez użytkownika witryny. W przypadku przycisku radiowego wartość wybranej opcji. Użytkownik może ustawić wartość, ale najczęściej nie może ustawić atrybutu nazwy. Tworzy to zestaw par nazwa/wartość, w których wartości są określane przez dane wprowadzone przez użytkownika.
Główna różnica między formularzem a zwykłym dokumentem HTML polega na tym, że w większości przypadków dane zebrane przez formularz są wysyłane na serwer sieciowy. W takim przypadku musisz skonfigurować serwer WWW do odbierania i przetwarzania danych. atrybut działania taguokreśla lokalizację (URL), do której należy przesłać zebrane dane.
Jak wygląda odpowiedź serwera
Po przesłaniu formularza pary nazwa-wartość i wszystkie pola w elemencie są uwzględniane w protokole HTTP. Wysyłane jest żądanie do adresu URL określonego w postaci atrybutu action. Typ żądania (GET lub POST) będzie znajdować się w atrybucie metody. Oznacza to, że wszystkie dane dostarczone przez użytkownika są wysyłane na serwer natychmiast po przesłaniu formularza, a serwer może zrobić z tymi danymi co tylko zechce. Gdy serwer otrzyma przesłany formularz, traktuje go jak każde inne żądanie HTTP. Serwer robi wszystko, co musi, z zawartymi danymi i wysyła odpowiedź z powrotem do przeglądarki.
Jeśli pamiętasz, że ładowanie strony jest odpowiedzią, zauważysz, że to samo dzieje się tutaj. W typowej formie tworzonej za pomocą tagu odpowiedzią jest nowa strona ładowana przez przeglądarkę. Zazwyczaj nowa strona zastępuje bieżącą treść, ale można to zastąpić atrybutem target. Zdecydowana większość formularzy online działa w ten sposób, dlatego użytkownik jest wysyłany do strony z podziękowaniem po wypełnieniu formularza subskrypcji e-mail.
Aplikacje internetowe i formularze bez tagu
Nowoczesne interaktywne aplikacje internetowe używają kodu JavaScript do tworzenia asynchronicznych żądań http. Są to wywołania serwera, które nie powodują przeładowania strony. Nie opierają się na tagu - elemencie HTML wbudowanym w zachowanie. Nie łączą wszystkich danych w jedną całość.użytkownika i nie wysyłaj ich natychmiast. Z tego powodu wielu projektantów układu HTML + JS w aplikacjach internetowych nie używa znacznika we wszystkich formularzach. Częściej po prostu używają go jako swego rodzaju kontenera na różnego rodzaju pola i elementy wejściowe. W takim przypadku użyte atrybuty metody i akcji nie będą widoczne.
Więcej o formularzach
Formularze HTML są jednym z najważniejszych elementów interakcji użytkownika z witryną lub aplikacją. Umożliwiają użytkownikom przesyłanie danych do serwisu. W większości przypadków dane są przesyłane na serwer WWW, ale strona internetowa może je również przechwycić i wykorzystać samodzielnie. Istnieje wiele elementów związanych z formularzami - różnego rodzaju przyciski, selektory dla różnych typów, mechanizmy sprzężenia zwrotnego. Dlatego może być trudno zdecydować, jakie wartości przypisać do atrybutów tagu. Jeśli chodzi o tworzenie formularzy, musisz sprawić, by działały na różnych rozmiarach ekranu. Ważne jest, aby były dostępne dla osób niepełnosprawnych. Dlatego formularze i znaczniki atrybutów są prawdopodobnie najbardziej złożonym aspektem HTML.
Z czego składa się kształt
Formularz HTML składa się z co najmniej jednego widżetu. Mogą to być jednowierszowe lub wielowierszowe pola tekstowe, pola wyboru, przyciski lub przyciski opcji. Najczęściej kojarzone są z atrybutem, który opisuje ich przeznaczenie – odpowiednio zaimplementowane potrafią jasno poinstruować zarówno widzących, jak i niewidomych użytkowników, jak dostać się do formularza wejściowego. Atrybutskojarzone odpowiednio z ich atrybutami for i id. Etykieta for odwołuje się następnie do atrybutu id odpowiedniego widżetu, a czytnik ekranu, używając go, odczyta, co jest w nim napisane.
Oprócz struktur charakterystycznych dla tagu, ważne jest, aby pamiętać, że formularze to tylko kod HTML. Oznacza to, że możesz wykorzystać pełną moc HTML do strukturyzowania swoich formularzy. Powszechną praktyką jest używanie tagu do zawijania elementów oznaczonych
. Listy HTML są również szeroko stosowane; do strukturyzacji używa się wielu pól wyboru lub przycisków radiowych. Po utworzeniu pól wejściowych pozostaje dodać przycisk za pomocą tagu i sprawdzić wynik. Elastyczność formularzy HTML czyni je jedną z najbardziej złożonych struktur w formacie HTML. Ale dzięki odpowiedniej strukturze podczas tworzenia formularza HTML możesz upewnić się, że jest on zarówno użyteczny, jak i dostępny.
