Pole checkbox w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

<input type="checkbox"> tworzy w formularzu HTML pole wyboru, czyli kwadrat, który użytkownik może zaznaczyć albo odznaczyć. Służy do wybierania jednej lub wielu niezależnych opcji, np. zgód, zainteresowań, dodatkowych usług.

Podstawowa składnia

<input type="checkbox" name="zgoda" value="tak">

Najważniejsze atrybuty:
- type="checkbox" — określa typ pola jako checkbox,
- name — nazwa pola wysyłana do serwera,
- value — wartość wysyłana, jeśli checkbox jest zaznaczony,
- checked — ustawia domyślne zaznaczenie.

Znaczenie name i value

W kodzie:

<input type="checkbox" name="text1" value="text2">

użytkownik widzi pole do zaznaczenia. Jeśli je zaznaczy i wyśle formularz, do serwera zostanie przesłana para:

text1=text2

name nie jest widoczną nazwą opcji, tylko nazwą zmiennej formularza. value to wartość przypisana do zaznaczonego pola.

Checkbox a inne pola formularza

Checkbox nie służy do wpisywania tekstu ani hasła. Do tego używa się innych typów pól:

<input type="text">      <!-- wpisywanie tekstu -->
<input type="password">  <!-- wpisywanie hasła -->
<input type="checkbox">  <!-- zaznaczanie opcji -->

Przykład z etykietą

<label>
  <input type="checkbox" name="regulamin" value="akceptuje">
  Akceptuję regulamin
</label>

Kliknięcie tekstu etykiety również zaznaczy checkbox, co poprawia wygodę obsługi formularza.