KWALIFIKACJA INF3 - WRZESIEŃ 2014

PYTANIE NR 13.
Które z pól są umieszczone w formularzu?
Ilustracja przedstawia fragment formularza internetowego, który może być używany w kontekście egzaminu zawodowego dla
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny zestaw kontrolek to: Input(Text), Select, dwa razy Input(Radio) oraz przyciski Input(Submit) i Input(Reset). Oznacza to, że formularz zawiera pole tekstowe, listę rozwijaną, wybór jednokrotny (radio) i przyciski do wysłania oraz wyczyszczenia danych. Pozostałe propozycje wprowadzają inne kontrolki lub mylą elementy składowe.

Pełne wyjaśnienie:

W formularzach HTML "pola" (kontrolki) to elementy, w których użytkownik wprowadza dane lub wykonuje akcję, np. wpisuje tekst, wybiera opcję albo wysyła formularz. Zestaw Input(Text), Select, Input(Radio), Input(Radio), Input(Submit), Input(Reset) odpowiada typowemu formularzowi, w którym:

  • Input(Text) służy do wpisania krótkiej wartości (np. imię, login, fraza).
  • Select umożliwia wybór jednej z dostępnych opcji z listy.
  • Input(Radio) (występujący dwukrotnie) oznacza co najmniej dwie opcje w grupie wyboru jednokrotnego – użytkownik może zaznaczyć tylko jedną.
  • Input(Submit) wysyła formularz do przetworzenia.
  • Input(Reset) przywraca wartości początkowe pól (czyści/odtwarza stan startowy).

Pozostałe odpowiedzi są niepoprawne, ponieważ zawierają kontrolki inne niż te pokazane w formularzu lub błędnie traktują elementy pomocnicze jako "pola". Odpowiedź z Textarea wskazuje wielowierszowe pole tekstowe, które jest innym typem kontrolki niż pojedyncze pole tekstowe. Propozycja z Option jest myląca, bo "option" jest elementem wewnętrznym listy rozwijanej, a nie osobnym polem formularza prezentowanym jako samodzielna kontrolka. Zestawy z Input(Checkbox) sugerują wybór wielokrotny, podczas gdy radio służy do wyboru jednej odpowiedzi w grupie. Wariant z dwoma Select zmienia liczbę i rodzaj kontrolek, co nie zgadza się z układem formularza.

Na egzaminie warto zapamiętać: radio = jedna odpowiedź w grupie, checkbox = wiele niezależnych zaznaczeń, select = lista, a submit/reset to przyciski akcji formularza.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Kontrolka formularza to element, z którym użytkownik bezpośrednio wchodzi w interakcję, aby podać dane lub wykonać akcję, np. pole tekstowe, radio, checkbox, lista rozwijana czy przycisk wysłania. Kontrolki są zwykle umieszczane wewnątrz elementu <form>.
Pole tekstowe to najczęściej element <input type="text">. Służy do wpisywania krótkich danych (np. nazwa użytkownika). W odróżnieniu od <textarea> nie jest przeznaczone do dłuższych, wielowierszowych opisów.
Pojedynczy wybór radiowy wymaga co najmniej dwóch opcji. Dlatego w grupie występuje kilka elementów <input type="radio"> o tej samej nazwie (name). Użytkownik może zaznaczyć tylko jedną z nich, co odróżnia radio od checkbox.
Radio (type="radio") służy do wyboru jednej opcji z grupy. Checkbox (type="checkbox") pozwala zaznaczać opcje niezależnie, zwykle wiele jednocześnie. Na egzaminie to jedna z najczęściej mylonych par kontrolek.
Przycisk <input type="submit"> inicjuje wysłanie danych formularza do adresu ustawionego w atrybucie action (z metodą GET/POST). W praktyce uruchamia walidację przeglądarki i przekazanie wartości pól do serwera lub obsługi skryptem.
Przycisk <input type="reset"> przywraca wartości pól do stanu początkowego z momentu załadowania strony (lub ustawionych wartości domyślnych). Nie wysyła danych na serwer. Na egzaminie łatwo pomylić go z "czyszczeniem" realizowanym skryptem.
Nie. <option> jest elementem składowym listy rozwijanej <select> i reprezentuje pojedynczą pozycję do wyboru. Samodzielną kontrolką jest <select>, a nie "option" traktowane jako osobne pole formularza.
<select> warto użyć, gdy opcji jest dużo i zajęłyby zbyt dużo miejsca jako radio. Radio lepiej sprawdza się przy kilku (np. 2–5) widocznych wyborach, bo użytkownik widzi wszystkie opcje naraz. To wpływa na użyteczność formularza.
W prostych formularzach często występują: pole tekstowe (<input type="text">), lista rozwijana (<select>), wybór radio/checkbox oraz przyciski wysłania i resetu. W zadaniach egzaminacyjnych liczy się rozpoznanie typu kontrolki po jej funkcji i wyglądzie.
Typowe błędy to: mylenie radio z checkbox (bo oba "zaznaczają"), uznawanie <option> za osobne pole, oraz zamiana <input type="text"> z <textarea>. Pomaga zapamiętanie: radio = jeden wybór, checkbox = wiele, textarea = wiele linii.
info

Statystycznie 60% uczniów zna prawidłową odpowiedź. średnie

Według specjalistów z branży: "Poprawny zestaw kontrolek to: Input(Text), Select, dwa razy Input(Radio) oraz przyciski Input(Submit) i Input(Reset)."

Źródła:

  • WHATWG HTML Living Standard – Forms (Form controls), https://html.spec.whatwg.org/multipage/forms.html (dostęp: 2026-02-27)
  • MDN Web Docs – &lt;input&gt;: The Input (Form Input) element, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input (dostęp: 2026-02-27)
  • MDN Web Docs – &lt;select&gt;: The HTML Select element, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja HTML: sekcja formularzy i elementy form controls (specyfikacja WHATWG)
  • MDN Web Docs: opisy elementów input, select, textarea oraz typów input
  • Ćwiczenia praktyczne: budowa prostych formularzy i testowanie zachowania submit/reset w przeglądarce

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego