Pola wyboru to elementy formularza, w których użytkownik może je zaznaczyć lub odznaczyć. Często nazywane są „flagami” i są używane jako wyzwalacz, który pozwala uzyskać jedną z dwóch odpowiedzi – „tak” lub „nie”. Najczęściej kwestia przekazywania wartości checkboxów pojawia się, gdy początkujący programiści tworzą formularze w dokumentach hipertekstowych. Poniżej znajduje się minimalny zestaw tagów niezbędnych do rozwiązania tego problemu, który należy umieścić w takim dokumencie.
Instrukcje
Krok 1
Umieść tag formularza w dokumencie - jego atrybuty powinny zawierać informację o tym, w jaki sposób i na jaki adres zostaną przesłane dane wszystkich elementów formularza, w tym checkboxy. Wprowadź adres skryptu obsługi danych w atrybucie action, a metodę przesyłania danych w atrybucie method. Wartość atrybutu action można pozostawić pustą, jeśli strona, z której wysyłane są informacje, jest sama w sobie skryptem obsługi. W metodzie przesyłania danych dozwolone są dwie wartości - Get i Post. Wybór zależy od tego, która z tych opcji jest zaprogramowana do odczytywania otrzymanych danych w skrypcie obsługi. Pełny tag formularza z minimalnym wymaganym zestawem atrybutów może wyglądać tak:
Krok 2
Wprowadź wymaganą liczbę elementów wyboru (pola wyboru) między znacznikami otwierającym i zamykającym formularz. Odbywa się to za pomocą znaczników wejściowych, w atrybucie type, w którym zapisana jest wartość pola wyboru. Każdy z nich musi zawierać co najmniej dwa wymagane atrybuty - nazwę i wartość. Zwróć uwagę na atrybut name – w przeciwieństwie do zgrupowanych elementów selekcji (radio), wartości nazwy dla każdego checkboxa powinny być różne. Słowo umieszczone w tym atrybucie zostanie użyte jako nazwa zmiennej przekazanej z formularza. Wartość atrybutu value zostanie przypisana do zmiennej o tej nazwie. Taka grupa tagów w formularzu może wyglądać tak:
Krok 3
Umieść przycisk przed znacznikiem zamykającym formularz, który po kliknięciu prześle wartość pola wyboru wybranego przez użytkownika na adres podany w znaczniku otwierającym formularz. Zrób to za pomocą tagu input, umieszczając wartość submit w atrybucie type. Oprócz tego atrybutu możesz również dodać wartość, wpisując tam tekst, aby wyświetlić go na przycisku do wysyłania danych. Kompletny kod, który wyśle informację o zaznaczonym przez użytkownika polu wyboru do skryptu obsługi, może wyglądać na przykład tak:
