KWALIFIKACJA INF3 - CZERWIEC 2022 (test 2)

PYTANIE NR 5.
W przedstawionym fragmencie formularza HTML zdefiniowano pole input, o którym można powiedzieć, że
Ilustracja przedstawia fragment kodu HTML, który definiuje pole typu 'input'.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Opis "ukrywa wprowadzone znaki" dotyczy pola <input> typu hasła (zwykle type="password"), w którym znaki są maskowane (kropki/gwiazdki).
Pozostałe opcje odnoszą się do tekstu domyślnego (value/placeholder), zwykłego pola tekstowego lub pola liczbowego (type="number").

Pełne wyjaśnienie:

W formularzach HTML element <input> może mieć różne typy, określane atrybutem type. Jeśli pole ma typ password, przeglądarka standardowo maskuje znaki wpisywane przez użytkownika (np. jako kropki). Dlatego poprawne jest stwierdzenie, że takie pole "ukrywa wprowadzone do niego znaki".

Pozostałe odpowiedzi opisują inne, częste sytuacje:

  • "ma wpisany domyślny tekst "pole"" – to mogłoby wynikać z użycia atrybutu value (realna wartość ustawiona w polu) albo placeholder (podpowiedź widoczna, gdy pole jest puste). Sam fakt, że pole jest typu hasła, nie oznacza automatycznie obecności takiego tekstu.
  • "wyświetla wprowadzone do niego znaki" – tak zachowuje się zwykłe pole tekstowe (np. type="text"). Pole hasła nie wyświetla znaków jawnie, tylko je maskuje.
  • "umożliwia wpisywanie tylko wartości liczbowych" – dotyczy to pola typu number. W praktyce typ number pomaga wprowadzaniu liczb i może wymuszać pewne ograniczenia, ale nie jest to cecha pola hasła.

Wskazówka egzaminacyjna: szukaj w kodzie atrybutu type oraz ewentualnie value/placeholder, bo to one rozstrzygają, czy pole maskuje znaki, pokazuje tekst, czy jest numeryczne.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Typ password powoduje, że przeglądarka maskuje wpisywane znaki (np. kropkami), aby osoby postronne nie widziały hasła. Warto pamiętać, że to nie szyfrowanie — dane nadal mogą być odczytane w kodzie/żądaniu, jeśli nie stosujesz HTTPS i dobrych praktyk bezpieczeństwa.
Sprawdź atrybut type w elemencie <input>. Jeśli widzisz type="password", pole będzie maskowało znaki. Dodatkowo atrybuty jak placeholder czy value nie decydują o maskowaniu — kluczowy jest typ.
To mechanizm ochrony prywatności użytkownika. Maskowanie zmniejsza ryzyko podejrzenia hasła przez osoby w pobliżu. Jest to standardowe zachowanie przeglądarek dla type="password". W aplikacjach produkcyjnych i tak trzeba dbać o bezpieczeństwo transmisji (np. HTTPS).
Nie. placeholder to podpowiedź widoczna, gdy pole jest puste, i znika po rozpoczęciu wpisywania. "Domyślny tekst" najczęściej oznacza wartość ustawioną atrybutem value, która jest realną treścią pola i może zostać wysłana z formularzem, jeśli użytkownik jej nie zmieni.
text wyświetla wpisywane znaki jawnie, a password je maskuje. Oba mogą mieć podobne atrybuty (np. name, value, placeholder), ale ich przeznaczenie jest inne: text do danych jawnych (np. login), password do danych poufnych (np. hasło).
Typ number jest przeznaczony do liczb i zwykle ułatwia ich wprowadzanie (np. pokazuje strzałki lub klawiaturę numeryczną). Jednak szczegóły mogą zależeć od przeglądarki i urządzenia. Do pełnej kontroli nadal stosuje się walidację (HTML/JS) oraz kontrolę po stronie serwera.
Najczęściej pojawiają się: type (text/password/number/email), name (nazwa pola wysyłana w formularzu), value (wartość), placeholder (podpowiedź), required (wymagalność) oraz ograniczenia jak min, max, pattern.
Bo w praktyce administrator/twórca stron diagnozuje formularze na podstawie kodu HTML. Na egzaminie krótki fragment ma sprawdzić, czy potrafisz powiązać atrybut (np. type) z zachowaniem pola. Kluczowe jest uważne czytanie atrybutów, nie samej nazwy <input>.
Typowe pomyłki to: mylenie placeholder z value, przeoczenie atrybutu type, założenie że każde pole w "sekcji logowania" jest hasłem oraz utożsamianie maskowania z szyfrowaniem. Na egzaminie zawsze szukaj jednoznacznego zapisu type="password".
Przećwicz tworzenie kilku formularzy: logowanie (text + password), rejestracja (email, password, checkbox), dane liczbowe (number). Ucz się mapowania: atrybut → zachowanie pola. Dobrą metodą jest pisanie krótkich przykładów i testowanie w przeglądarce, aby utrwalić efekty.
info

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

Źródła:

  • MDN Web Docs: "&lt;input&gt;: The Input (Form Input) element" (sekcja dotycząca type="password"), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input (dostęp: 2026-02-18)
  • WHATWG HTML Living Standard: "The input element" (input type password), https://html.spec.whatwg.org/multipage/input.html (dostęp: 2026-02-18)
  • W3Schools: "HTML Input Types" (password, number), https://www.w3schools.com/html/html_form_input_types.asp (dostęp: 2026-02-18)

Materiały:

  • Dokumentacja MDN: &lt;input&gt; oraz typy pól
  • Specyfikacja WHATWG HTML dotycząca elementu &lt;input&gt;
  • Ćwiczenia: budowa formularza logowania i rejestracji w HTML

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego