<input type="checkbox"> w HTML

Czym jest <input type="checkbox">?

<input type="checkbox"> tworzy w formularzu HTML pole wyboru, czyli checkbox. Użytkownik może zaznaczyć lub odznaczyć daną opcję. Tego typu pole stosuje się wtedy, gdy odpowiedź ma charakter logiczny: tak/nie, wybrano/nie wybrano.

Przykład

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

Taki element wyświetli małe pole, które można zaznaczyć. Sam tekst obok checkboxa trzeba zwykle dodać osobno, najczęściej za pomocą elementu <label>:

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

Znaczenie atrybutów

• type="checkbox" — określa, że pole jest checkboxem,
• name — nazwa pola przesyłana do serwera,
• value — wartość wysyłana, jeśli checkbox został zaznaczony.

W przykładzie:

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

text1 nie jest tekstem widocznym dla użytkownika, tylko nazwą pola formularza. text2 nie jest elementem listy, lecz wartością przesyłaną po zaznaczeniu checkboxa.

Ważne na egzaminie

Checkbox służy do wybrania opcji, a nie do wpisywania tekstu, hasła ani wyboru z listy. Do wpisywania hasła używa się input type="password", do tekstu input type="text", a do list rozwijanych elementu <select>.