KWALIFIKACJA INF3 - STYCZEŃ 2024

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 input typu 'password'.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Pole typu hasło w formularzu HTML maskuje znaki wpisywane przez użytkownika (np. kropkami), aby utrudnić ich podejrzenie na ekranie.
Nie oznacza to szyfrowania danych ani bezpieczeństwa po stronie serwera — to jedynie sposób prezentacji znaków w interfejsie przeglądarki.

Pełne wyjaśnienie:

W formularzach HTML istnieją różne typy pól <input>, które wpływają na sposób wprowadzania i prezentacji danych. Pole, o którym można powiedzieć, że "ukrywa wprowadzone do niego znaki", to typ używany do wpisywania haseł. W praktyce przeglądarka nie pokazuje jawnie wpisywanych znaków (zastępuje je symbolami), co ogranicza ryzyko podglądnięcia hasła przez osoby znajdujące się obok użytkownika.

Odpowiedź "ma wpisany domyślny tekst "pole"" opisuje inną cechę: domyślną wartość lub podpowiedź widoczną w polu. Takie zachowanie wynika zwykle z ustawienia wartości lub podpowiedzi (np. placeholder) i nie jest charakterystyczne dla samego mechanizmu ukrywania znaków.

Odpowiedź "wyświetla wprowadzone do niego znaki" dotyczy standardowego pola tekstowego, w którym znaki są widoczne. To przeciwieństwo pola hasła, więc nie pasuje do opisu "ukrywa".

Odpowiedź "umożliwia wpisywanie tylko wartości liczbowych" odpowiada polu liczbowemu (np. do wieku, ilości, numeru). Takie pole może ograniczać zakres i format danych, ale nie służy do maskowania znaków hasła.

Wskazówka egzaminacyjna: zapamiętaj, że ukrywanie znaków w przeglądarce to cecha interfejsu (warstwa prezentacji). Bezpieczeństwo logowania zależy też od poprawnej obsługi po stronie serwera, szyfrowania transmisji (HTTPS) i dobrych praktyk przechowywania haseł.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Chodzi o pole hasła: przeglądarka maskuje wpisywane znaki (np. kropkami), żeby nie były czytelne na ekranie. To ułatwia ochronę przed podglądaniem, ale nie zastępuje zabezpieczeń transmisji i serwera.
Najczęściej spotkasz <input> z ustawionym typem hasła oraz nazwą pola (np. name). Często dodaje się też atrybuty ułatwiające UX, np. autocomplete, ale ich dobór zależy od kontekstu formularza.
To mechanizm interfejsu przeglądarki: ma ograniczyć ryzyko podejrzenia hasła przez osoby postronne. Maskowanie jest "wizualne" i nie jest równoznaczne z szyfrowaniem danych ani z bezpiecznym przechowywaniem haseł.
Nie. Maskowanie dotyczy tylko tego, co widać na ekranie. Bezpieczeństwo transmisji zapewnia m.in. HTTPS, a bezpieczeństwo przechowywania zależy od serwera (np. poprawnego haszowania). Pole hasła samo w sobie nie "szyfruje".
Sprawdź, jak pole zachowuje się przy wpisywaniu: pole tekstowe pokazuje znaki jawnie, a pole hasła je maskuje. W kodzie HTML zwykle wynika to z ustawionego typu w elemencie <input>.
Placeholder to podpowiedź wyświetlana w pustym polu (znika po rozpoczęciu wpisywania). Domyślna wartość pola to co innego: to faktyczna wartość ustawiona na starcie. Na egzaminie warto rozróżniać te pojęcia.
Pole liczbowe stosuje się, gdy użytkownik ma podać liczbę (np. wiek, ilość, zakres). Ułatwia to walidację i może zmienić sposób wprowadzania danych na urządzeniach mobilnych. Nie służy jednak do ukrywania znaków.
Nie jest to pełna ochrona. Maskowanie dotyczy widoku na ekranie. Skrypty działające na stronie (jeśli są złośliwe lub błędne) mogą próbować odczytywać wartości pól. Dlatego ważne są też polityki bezpieczeństwa i zaufany kod.
Typowe błędy to: użycie pola tekstowego zamiast hasła w logowaniu, mylenie placeholdera z wartością domyślną oraz użycie pola liczbowego tam, gdzie potrzebny jest tekst (np. kod pocztowy). Na egzaminie liczy się dopasowanie typu do danych.
Przećwicz rozpoznawanie typów <input> i ich zachowania w przeglądarce: tekst, hasło, liczba, email. Rób krótkie przykłady w pliku HTML i sprawdzaj, jak zmienia się sposób wpisywania i walidacja. To najpewniejsza metoda nauki.
info

Około 73% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Źródła:

  • WHATWG HTML Living Standard – section: The input element / Password state (type=password): https://html.spec.whatwg.org/multipage/input.html#password-state-(type=password) - accessed 2026-03-02
  • MDN Web Docs – &lt;input type="password"&gt;: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password - accessed 2026-03-02
  • MDN Web Docs – &lt;input&gt; (ogólnie, typy pól): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input - accessed 2026-03-02

Materiały:

  • Dokumentacja WHATWG HTML: sekcja o typach pól &lt;input&gt;
  • MDN Web Docs: &lt;input type=&quot;password&quot;&gt;
  • Ćwiczenia praktyczne: budowa formularza logowania w czystym HTML/CSS

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego