KWALIFIKACJA INF3 - CZERWIEC 2023

PYTANIE NR 40.
W języku HTML, aby utworzyć pole edycyjne do wpisywania hasła, w którym wpisywany tekst jest maskowany (zastępowany kropkami), należy użyć znacznika
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Maskowane pole hasła w HTML tworzy się elementem <input> z atrybutem type ustawionym na password. Tylko taka wartość typu powoduje, że przeglądarka ukrywa wpisywane znaki (np. kropkami). Pozostałe opcje mylą atrybuty lub mają błędną składnię znacznika.

Pełne wyjaśnienie:

W HTML pola formularzy realizuje się najczęściej za pomocą elementu <input>. O tym, jaką funkcję ma dane pole (np. zwykły tekst, e-mail, liczba, hasło), decyduje atrybut type.

Dla pola hasła właściwa jest wartość password, czyli zapis: <input type="password" />. Przeglądarka, widząc taki typ, maskuje znaki podczas wpisywania (zwykle jako kropki lub gwiazdki). To jest cecha interfejsu użytkownika — nie oznacza to automatycznie szyfrowania transmisji; bezpieczeństwo przesyłania danych zapewnia dopiero poprawna konfiguracja po stronie aplikacji i połączenia (np. HTTPS).

Dlaczego pozostałe propozycje są niepoprawne?

  • <input name="password" /> — atrybut name służy do nazwania pola przy wysyłaniu formularza, ale nie zmienia sposobu wyświetlania znaków. Bez type="password" będzie to zwykłe pole tekstowe (domyślnie type="text").
  • <form input type="password" /> — to błędna składnia; element <form> jest kontenerem formularza, a nie kontrolką wejściową. Nie zapisuje się w nim "form input".
  • <form="password" type="password" /> — również błędna składnia: nie istnieje znacznik <form="..."> w takim znaczeniu, atrybuty zostały przypisane do nieistniejącego elementu.

Wskazówka egzaminacyjna: gdy pytanie dotyczy "jakiego znacznika użyć", sprawdź, czy odpowiedź zawiera właściwy element (tu: <input>) oraz właściwy atrybut (tu: type) z odpowiednią wartością.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Pole hasła to kontrolka formularza, w której wpisywane znaki są ukrywane na ekranie. W HTML realizuje się je przez element <input> z atrybutem type ustawionym na password, np. <input type="password">.
Po ustawieniu type="password" przeglądarka maskuje wpisywane znaki (kropkami/gwiazdami), aby osoby postronne nie widziały hasła. To mechanizm interfejsu użytkownika; nie zastępuje ochrony transmisji ani walidacji po stronie serwera.
Atrybut name identyfikuje pole w danych wysyłanych z formularza (np. do backendu), ale nie wpływa na wygląd ani zachowanie kontrolki. O sposobie wprowadzania i prezentacji danych decyduje przede wszystkim atrybut type.
Najczęściej myli się name z type, pomija się type="password" (wtedy pole staje się tekstowe), albo błędnie używa się znacznika <form> zamiast <input>. Warto też domykać atrybuty i cudzysłowy.
Nie. <input type="password"> jedynie maskuje znaki na ekranie. Bezpieczeństwo przesyłania danych zapewnia konfiguracja aplikacji i połączenia (np. HTTPS/TLS) oraz poprawne przetwarzanie haseł na serwerze (np. haszowanie).
Użyj elementu <label> powiązanego z polem przez for i id: <label for="pass">Hasło</label> <input id="pass" type="password">. Poprawia to dostępność i ułatwia kliknięcie w etykietę.
Dodaj drugie pole <input type="password"> (np. "Powtórz hasło") i porównaj oba pola walidacją. W praktyce robi się to po stronie klienta (dla wygody użytkownika) i obowiązkowo po stronie serwera (dla pewności poprawności).
Tak, zwykle robi się to w JavaScript przez przełączenie atrybutu type między password a text. Sam HTML nie zapewnia "toggle" bez skryptu. Na egzaminie warto pamiętać, że maskowanie zapewnia typ password.
Często stosuje się name (nazwa pola), id (do etykiety), autocomplete (kontrola podpowiedzi), required (wymagalność) oraz minlength. Kluczowe dla maskowania pozostaje jednak type="password".
Jeśli pytanie dotyczy "pola edycyjnego", "wpisywania" lub "kontrolki formularza", najczęściej chodzi o <input> albo <textarea>. Gdy mowa o haśle i maskowaniu, poprawna odpowiedź zwykle zawiera <input type="password">.
info

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

Eksperci podkreślają: "Maskowane pole hasła w HTML tworzy się elementem &lt;input&gt; z atrybutem type ustawionym na password."

Źródła:

  • WHATWG HTML Living Standard: "The input element" oraz "Password state (type=password)", https://html.spec.whatwg.org/multipage/input.html#password-state-(type=password) - dostęp 2026-02-28
  • MDN Web Docs: "&lt;input&gt;: The Input (Form Input) element" (sekcja dot. type="password"), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input - dostęp 2026-02-28
  • MDN Web Docs: "&lt;input type=&quot;password&quot;&gt;", https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password - dostęp 2026-02-28

Materiały:

  • Dokumentacja WHATWG HTML (sekcja dot. elementu &lt;input&gt; i typu password)
  • MDN Web Docs: &lt;input&gt; oraz typy pól formularzy
  • Ćwiczenia praktyczne: budowa formularza logowania (HTML + podstawy CSS)

Aktualizacja pytania: 31.03.2026

Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego