Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2024 (test 2)



PYTANIE NR 29.
W języku HTML zapisano formularz. Który z efektów działania kodu będzie wyświetlony przez przeglądarkę zakładając, że w pierwsze pole użytkownik przeglądarki wpisał wartość "Przykładowy text"?
Ilustracja przedstawia cztery różne efekty działania kodu HTML z formularzem, który zawiera pole tekstowe oraz dwa pola
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny jest "Efekt 2.", ponieważ znacznik <textarea> tworzy wielowierszowe pole tekstowe (np. o wysokości kilku wierszy), a <input type="checkbox"> renderuje kwadratowe pola wyboru. Pozostałe efekty pokazują inne kontrolki: przyciski opcji (radio), przyciski (button) lub pole jednowierszowe.

Pełne wyjaśnienie:

W kodzie formularza kluczowe są dwa elementy interfejsu:

  • <textarea> – przeglądarka wyświetla go jako wielowierszowe pole tekstowe. Atrybuty rows i cols opisują odpowiednio przybliżoną liczbę wierszy oraz szerokość (w znakach), więc kontrolka jest wyraźnie "wyższa" niż typowe pole jednowierszowe.
  • <input type="checkbox"> – jest renderowany jako kwadratowe pole wyboru, które można zaznaczać niezależnie (każde osobno).

Dlatego poprawny jest "Efekt 2.": pokazuje jednocześnie wielowierszowe pole tekstowe z wpisaną wartością oraz dwa kwadratowe checkboxy.

Dlaczego pozostałe wizualizacje nie pasują do kodu?

  • "Efekt 1." jest błędny, bo pod polem tekstowym widoczne są przyciski opcji (radio). Radio odpowiada <input type="radio">, a nie checkbox.
  • "Efekt 3." jest błędny, bo pokazuje jednowierszowe pole tekstowe (typowe dla <input type="text">) oraz przyciski (button). To inny zestaw kontrolek niż w kodzie.
  • "Efekt 4." jest błędny, bo łączy jednowierszowe pole tekstowe z radio, czyli ponownie nie odpowiada <textarea> i checkboxom.

Wskazówka egzaminacyjna: gdy widzisz w kodzie słowo textarea, spodziewaj się pola wielowierszowego; gdy widzisz type="checkbox", szukaj kwadratów, a nie kółek (radio) ani przycisków (button).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest <textarea> w HTML i do czego służy?
<textarea> to wielowierszowe pole tekstowe formularza. Używa się go do dłuższych wypowiedzi, np. komentarzy, opisów czy wiadomości. W przeciwieństwie do <input type="text"> pozwala wygodnie wpisywać tekst w wielu liniach i zwykle ma widoczną większą wysokość.
Jak działa atrybut rows i cols w <textarea>?
Atrybut rows określa przybliżoną liczbę widocznych wierszy (wysokość), a cols przybliżoną liczbę znaków w linii (szerokość). To wskazówki dla przeglądarki, jak duże pole ma początkowo wyświetlić, zanim użytkownik zacznie wpisywać treść.
Dlaczego checkbox jest kwadratowy, a radio okrągłe?
To konwencja interfejsów: <input type="checkbox"> służy do wyboru niezależnych opcji, więc jest renderowany jako kwadratowe pole do zaznaczania. <input type="radio"> oznacza wybór jednej opcji z grupy, dlatego zwykle ma kształt okręgu, aby wizualnie odróżnić tryb wyboru.
Jaka jest różnica między checkbox a radio w formularzu HTML?
Checkboxy pozwalają zaznaczyć zero, jedną lub wiele opcji jednocześnie, bo każda działa niezależnie. Radio pozwala zaznaczyć dokładnie jedną opcję w danej grupie (zwykle łączy się je tym samym atrybutem name). Na egzaminie często sprawdza się to po wyglądzie: kwadrat vs kółko.
Czy <input> w HTML musi mieć znacznik zamykający?
W HTML element <input> jest elementem pustym (void element), więc nie ma treści i standardowo nie stosuje się dla niego znacznika zamykającego. Przeglądarki często "poradzą sobie" z błędnym zapisem, ale w praktyce warto pisać poprawnie, bo to ułatwia walidację i utrzymanie kodu.
Jak rozpoznać w przeglądarce, że to pole jest <textarea>, a nie input?
<textarea> jest zwykle wyższe i umożliwia wpisywanie tekstu w wielu liniach (Enter tworzy nową linię). <input type="text"> jest z reguły jednowierszowy. Jeśli w zadaniu widzisz kilka wierszy w polu, to mocna wskazówka na <textarea>.
Kiedy stosuje się <textarea> zamiast <input type="text">?
<textarea> stosuje się, gdy spodziewasz się dłuższej wypowiedzi: opis zgłoszenia, treść wiadomości, uwagi do zamówienia, komentarz pod artykułem. <input type="text"> jest lepszy do krótkich danych: imię, login, kod pocztowy. Dobór kontrolki poprawia UX i walidację.
Czy checkboxy w formularzu mogą działać niezależnie od siebie?
Tak. Każdy checkbox można zaznaczyć lub odznaczyć niezależnie, dlatego nadaje się do listy zgód lub preferencji (np. "Opcja1", "Opcja2"). To właśnie odróżnia je od radio, gdzie wybór w obrębie grupy jest wzajemnie wykluczający. Na rysunku egzaminacyjnym widać to po kwadratowych polach.
Jakie błędy najczęściej popełnia się przy typach input na egzaminie?
Najczęstsze pomyłki to: mylenie checkbox z radio (kwadrat vs kółko), mylenie <textarea> z <input type="text"> (wielo- vs jednowierszowe), oraz nieuwzględnianie atrybutu type i ocenianie tylko po etykietach. Pomaga czytanie kodu "od znaczników do widoku".
Jak szybko rozwiązać zadanie: kod formularza i wybór "Efektu"?
Najpierw wypisz kontrolki wynikające z kodu: np. <textarea> = pole wielowierszowe, <input type="checkbox"> = kwadratowe pola wyboru. Potem porównaj to z obrazkami "Efektów" i wybierz ten, który ma oba elementy jednocześnie. Nie sugeruj się samą długością tekstu etykiet.
info

Około 47% zdających odpowiada poprawnie na to pytanie. trudne

Według specjalistów z branży: "Pozostałe efekty pokazują inne kontrolki: przyciski opcji (radio), przyciski (button) lub pole jednowierszowe."

Źródła:

  • MDN Web Docs: "&lt;textarea&gt;: The Textarea element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea - accessed 2026-03-02
  • MDN Web Docs: "&lt;input type=\"checkbox\"&gt;" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox - accessed 2026-03-02
  • WHATWG HTML Living Standard: "The textarea element" https://html.spec.whatwg.org/multipage/form-elements.html#the-textarea-element - accessed 2026-03-02

Materiały:

  • Dokumentacja HTML (sekcje: textarea, input checkbox)
  • MDN Web Docs: artykuły o &lt;textarea&gt; i &lt;input&gt;
  • Ćwiczenia praktyczne: tworzenie prostych formularzy i obserwacja renderingu w przeglądarkach
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego