Formularze HTML są bardzo potężnym narzędziem do interakcji z użytkownikami, ale z przyczyn technicznych nie zawsze jest jasne, jak z nich korzystać w pełni. Proste wysyłanie danych nie jest w tym przypadku wystarczające - należy również upewnić się, że dane wypełniane przez użytkowników będą wysyłane w prawidłowym formacie, który jest wymagany do ich pomyślnego przetworzenia i że nie zostaną one zerwane przez istniejące programy. Ważne jest również, aby pomóc użytkownikom w prawidłowym wypełnianiu formularzy i nie być zawiedzionym podczas korzystania z aplikacji.

Aby utworzyć formularz HTML, używany jest znacznik

. W rzeczywistości nie tworzy ono pola, ale jest używane jako kontener nadrzędny dla takich elementów jak. Jeśli chcesz utworzyć prosty formularz subskrypcji, z regularną weryfikacją i płatnością lub interaktywną aplikacją WWW, musisz użyć znaczników HTML elementów, z których najważniejszym jest

.

Jak powstały standardowe formularze HTML Form

Formy HTML zostały w większości wystandaryzowane pod kątem wyglądu asynchronicznego javascriptu i złożonych aplikacji internetowych. Obecnie używane są formularze wejściowe, przyciski i inne mechanizmy interakcji, ale oparte na systemie opartym na paradygmacie żądania HTTP i odpowiedzi. Kiedy użytkownik ładuje stronę, wysyłane jest zapytanie http (zwykle tzw. Żądanie GET). Jest wysyłany przez przeglądarkę na serwer, a serwer zwykle odpowiada stronie, której szuka użytkownik. Ta interakcja istniejejedna z najbardziej podstawowych koncepcji Internetu. To wyjaśnia dokładnie, jak działają formularze HTML.

Proces wymiany informacji z serwerem

Wszystko, co zawiera takie elementy jak, jest wewnątrz

i ma nazwę atrybutu (nazwę), a także jego wartość. Wartość jest określana inaczej. W przypadku tekstu będzie to wartość wprowadzona w polu użytkownika witryny. Dla przycisku radiowego wartość wybranego parametru. Użytkownik może ustawić wartość, ale większość nie może skonfigurować atrybutu nazwy. Tworzy to zestaw par "nazwa-wartość", w których wartości są określane przez dane wejściowe 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 WWW. W takim przypadku musisz skonfigurować serwer WWW, aby odbierać i przetwarzać dane. Atrybut akcji znacznika

określa lokalizację (adres URL), z którego należy wysłać zebrane dane.

Jak wygląda serwer

Kiedy formularz jest wysyłany z parą nazwa-wartość i wszystkie pola wewnątrz

elementy są zawarte w HTTP. Wymagane jest żądanie adresu URL zdefiniowanego w formularzu atrybutu działania. Typ żądania (GET lub POST) będzie w atrybucie method. Oznacza to, że wszystkie dane dostarczone przez użytkownika są wysyłane na serwer natychmiast w trakcie wysyłania formularza, a serwer może robić, co chce z tymi danymi. Kiedy serwer otrzymuje formularz wysyłania, postrzega go jako każde inne żądanie HTTP. Serwer robi wszystko, co musi zrobić z dołączonymi danymi i je wydajeodpowiedz z powrotem na przeglądarkę.
Jeśli pamiętasz, że ładowanie strony jest odpowiedzią, możesz zobaczyć, że to samo dzieje się tutaj. W typowej formie, utworzonej z tagiem

, odpowiedzią jest nowa strona załadowana przez przeglądarkę. Z reguły nowa strona zastępuje bieżącą treść, ale można ją ponownie zdefiniować za pomocą atrybutu celu. Ogromna większość formularzy online działa w ten sposób, dlatego użytkownik wysyła stronę z podziękowaniami, gdy wypełnia formularz subskrypcji pocztą elektroniczną.

Aplikacje i formularze internetowe bez tagu

Nowoczesne interaktywne aplikacje internetowe wykorzystują javascript do uruchamiania asynchronicznych żądań HTTP. Są to wywołania serwera, które nie powodują ponownego uruchomienia strony. Nie polegają na znaczniku

- elemencie HTML wbudowanym w zachowanie. Nie integrują wszystkich danych użytkownika w jedną całość i nie wysyłają ich od razu. Z tego powodu wiele przeszukiwarek HTML + JS w aplikacjach internetowych nie używa znacznika

we wszystkich formach. Częściej używają go po prostu jako rodzaju kontenera dla różnych typów pól wejściowych i elementów. W takim przypadku atrybuty metody działania są używane i nie będą widoczne.

Więcej informacji o formularzu

Formularze HTML są jednym z głównych punktów interakcji użytkownika z witryną lub aplikacją. Pozwalają użytkownikom na wysyłanie danych do witryny. Większość czasu dane są wysyłane na serwer, ale strona internetowa może je przechwycić, aby użyć go samodzielnie. Istnieje wiele elementów w kształcie - różne rodzaje przycisków,selektory dla różnych typów, mechanizmy sprzężenia zwrotnego. W związku z tym mogą pojawić się trudności w procesie rozwiązywania pytania o to, co należy przypisać wartości atrybutów tagu

. Jeśli chodzi o tworzenie kształtów, musisz być w stanie pracować na różnych rozmiarach ekranu. Ważne jest, aby były one dostępne dla osób niepełnosprawnych. Dlatego atrybut formularza i atrybutu znacznika

jest prawdopodobnie najbardziej złożonym aspektem w HTML.

Jaki jest kształt

? Formularz HTML składa się z jednego lub więcej widżetów. Mogą to być pola tekstowe jedno- lub wielowierszowe, pola wyboru, przyciski lub przełączniki. Najczęściej są one związane z atrybutem, który opisuje ich cel - odpowiednio zaimplementowany może wyraźnie instruować zarówno wzrok, jak i niewidomych użytkowników, jak dostać się do formularza wejściowego. Atrybut jest poprawnie powiązany z atrybutami dla niego i dla id. Znacznik for w tym przypadku odnosi się do atrybutu id odpowiedniego widżetu, a czytnik z ekranu, używając go, odczyta, w czym jest zapisany. ​​Oprócz struktur charakterystycznych dla tagu

, należy pamiętać, że formularze są po prostu kodem w języku HTML. Oznacza to, że możesz wykorzystać całą moc HTML do struktury formularzy. Zazwyczaj stosuje się znacznik do zawijania elementów za pomocą znacznika. Szeroko stosowane są również listy HTML, do strukturyzacji użyj wielu pól wyboru lub przycisków opcji. Po utworzeniu pól dla danych wejściowych pozostaje dodać przycisk z pomocątag i sprawdź wynik. Elastyczność formularzy HTML czyni je jedną z najbardziej złożonych struktur w formacie HTML. Ale przy pomocy właściwej struktury podczas tworzenia formularza HTML można zagwarantować, że będzie on jednocześnie wygodny i dostępny.