Pole wyboru formularza to kontrolka zaznaczana niezależnie od pozostałych, przyjmująca stan włączony lub wyłączony.
Budowa i działanie pola wyboru
Pole wyboru formularza, określane w HTML jako kontrolka typu checkbox, służy do przedstawienia wartości logicznej: włączonej albo wyłączonej. Użytkownik może zaznaczyć je niezależnie od innych pól wyboru znajdujących się w tym samym formularzu. W przeciwieństwie do przycisków opcji typu radio zaznaczenie jednego pola wyboru nie powoduje automatycznego odznaczenia pozostałych. Dzięki temu kilka niezależnych zgód, filtrów lub ustawień może być aktywnych jednocześnie.
Najczęściej kontrolkę tworzy się za pomocą elementu <input type="checkbox">. Atrybut name określa nazwę parametru przekazywanego przy wysyłaniu formularza, natomiast value określa wartość tego parametru. Jeżeli atrybut value nie został podany, przeglądarka używa wartości on. Atrybut checked oznacza początkowe zaznaczenie pola podczas tworzenia dokumentu. Bieżący stan kontrolki może później zmieniać użytkownik albo skrypt JavaScript.
Przekazywanie zaznaczenia do serwera
Podczas wysyłania formularza przeglądarka uwzględnia zaznaczone pole wyboru. Do danych formularza trafia para składająca się z nazwy i wartości, na przykład nazwa ustawienia oraz wartość yes. Pole odznaczone nie jest wysyłane w ogóle, dlatego aplikacja odbierająca formularz nie powinna zakładać, że dla każdej kontrolki otrzyma parametr o wartości false. Brak parametru musi zostać obsłużony jako stan nieaktywny albo jako brak odpowiedzi, zależnie od logiki aplikacji.
Jeżeli kilka pól wyboru ma tę samą wartość atrybutu name, formularz może przekazać kilka wartości tego samego parametru. Typowym przykładem jest lista wybranych kategorii. Kod po stronie serwera powinien wtedy poprawnie odczytać zbiór wartości, a nie tylko pierwszy znaleziony element. Sam wygląd zaznaczenia nie jest wiarygodnym źródłem informacji dla serwera, ponieważ ostateczny stan należy zawsze odczytać z otrzymanych danych i sprawdzić zgodnie z regułami aplikacji.
Etykieta, dostępność i walidacja
Kontrolka powinna mieć powiązaną etykietę utworzoną elementem <label>. Powiązanie można uzyskać przez identyczne wartości atrybutu for w etykiecie i atrybutu id w polu. Kliknięcie tekstu etykiety zmienia wtedy stan kontrolki, a użytkownik korzystający z klawiatury lub czytnika ekranu łatwiej rozpoznaje jej przeznaczenie. Sam opis umieszczony obok pola bez semantycznego połączenia może być niewystarczający dla technologii asystujących.
Atrybut required pozwala wymagać zaznaczenia pola przed wysłaniem formularza. Jest to przydatne na przykład wtedy, gdy określona opcja musi zostać potwierdzona, ale walidacja wykonywana przez przeglądarkę nie zastępuje sprawdzania danych po stronie serwera. W JavaScript aktualny stan odczytuje się z właściwości checked. Istnieje również stan pośredni indeterminate, ustawiany skryptem, który może służyć do prezentowania częściowego wyboru w hierarchicznej liście. Stan pośredni jest wizualnym stanem kontrolki i nie działa jak osobna wartość wysyłana w standardowych danych formularza.
Rozpoznawanie problemów z polem wyboru
Przy diagnozowaniu nieprawidłowego działania należy najpierw sprawdzić kod HTML, identyfikator kontrolki, powiązanie z etykietą oraz obecność atrybutu name. Pole bez nazwy może być widoczne i klikalne, ale jego stan nie zostanie przekazany podczas standardowego wysyłania formularza. Następnie warto sprawdzić, czy skrypt nie nadpisuje właściwości checked, czy reguły CSS nie ukrywają kontrolki albo nie zasłaniają jej innym elementem oraz czy formularz rzeczywiście obejmuje dane pole.
Warszawskie Pogotowie Komputerowe wykonuje naprawę laptopów, komputerów PC i ich podzespołów, w tym diagnostykę problemów z działaniem formularzy oraz popularnego oprogramowania użytkowego. W praktyce usterka może wynikać z błędów przeglądarki, rozszerzenia, skryptu strony, uszkodzonego profilu użytkownika albo nieprawidłowej konfiguracji systemu. Rozdzielenie problemu interfejsu od problemu przesyłania danych pozwala ustalić, czy przyczyną jest sama kontrolka, kod formularza, przetwarzanie po stronie serwera czy środowisko laptopa lub komputera stacjonarnego.
