KWALIFIKACJA INF3 - CZERWIEC 2020

PYTANIE NR 39.
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:
Maskowanie wpisywanych znaków w polu hasła realizuje się przez użycie kontrolki formularza <input> z ustawionym atrybutem type na wartość password. Pozostałe propozycje nie definiują typu pola hasła albo mają niepoprawną składnię i nie utworzą właściwego pola edycyjnego.

Pełne wyjaśnienie:

W HTML pole do wprowadzania hasła tworzy się za pomocą elementu <input> z atrybutem type ustawionym na password. Taka kontrolka powoduje, że przeglądarka maskuje wpisywane znaki (zwykle kropkami lub innym symbolem). Dzięki temu osoby postronne nie widzą bezpośrednio tekstu hasła na ekranie.

Odpowiedź <input type="password" /> jest poprawna, bo:

  • używa właściwego elementu formularza (<input>),
  • ustawia typ kontrolki przez type,
  • wartość password uruchamia mechanizm maskowania w przeglądarce.

Pozostałe odpowiedzi są błędne z typowych powodów spotykanych na egzaminach:

  • <input name="password" /> – atrybut name służy do nadania nazwy polu (ważne przy wysyłaniu formularza), ale nie zmienia typu kontrolki. Bez type="password" pole będzie domyślnie traktowane jak zwykłe pole tekstowe.
  • <form input type="password" /> – miesza element formularza (<form>) z elementem pola (<input>). To nie jest poprawna składnia HTML i nie definiuje kontrolki hasła w prawidłowy sposób.
  • <form="password" type="password" /> – to również niepoprawny zapis: wygląda jak próba użycia atrybutu o nazwie form jako "znacznika", a HTML wymaga jawnego elementu <input> dla pola edycyjnego.

W praktyce, przy budowie logowania, często spotkasz zapis typu: <input type="password" name="haslo">. Warto pamiętać, że maskowanie zapewnia type="password", natomiast name jest potrzebne do identyfikacji danych po stronie serwera.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Pole hasła to kontrolka formularza, w której wpisywane znaki są ukrywane (maskowane) na ekranie. W HTML realizuje się je elementem <input> z ustawieniem type="password".
Aby włączyć maskowanie, użyj <input type="password">. To przeglądarka odpowiada za wyświetlenie kropek/znaków zastępczych. Sam atrybut name nie włącza maskowania.
Ponieważ name tylko nadaje nazwę polu (np. do wysyłki w formularzu), ale nie określa rodzaju kontrolki. Za typ kontrolki odpowiada atrybut type; dopiero type="password" uruchamia maskowanie.
Nie. Element <form> jest kontenerem formularza (obejmuje wiele pól i przycisków), a samo pole hasła to <input type="password">. Mieszanie <form> i <input> w jednym znaczniku to błąd składni.
Najczęściej spotkasz: type (password), name (nazwa pola), id (powiązanie z etykietą), required (wymagalność) oraz autocomplete (kontrola podpowiadania haseł).
Stosuje się go zawsze, gdy użytkownik ma wpisać hasło lub inną poufną wartość, której nie powinno być widać na ekranie. Typ password jest standardem w formularzach logowania, rejestracji i zmiany hasła.
Nie. type="password" tylko maskuje znaki w interfejsie. O bezpieczeństwie transmisji decyduje m.in. użycie HTTPS oraz poprawna obsługa po stronie serwera (hashowanie, polityka haseł, ograniczenia prób logowania).
Najczęstsze pomyłki to: mylenie name z type, wstawianie błędnych "kombinacji" z <form>, oraz traktowanie atrybutów jak osobnych znaczników. Warto zapamiętać, że kontrolka to <input>, a rodzaj kontrolki określa type.
Wystarczy uruchomić stronę i kliknąć w pole. Jeśli wpisywane znaki nie są widoczne jako litery/cyfry, tylko jako symbole zastępcze, to pole jest typu hasła. Dodatkowo w narzędziach deweloperskich zobaczysz type="password".
Powtórz elementy: <form>, <input>, <label>, <button> oraz najważniejsze wartości type (text, password, email, number). Trenuj rozpoznawanie poprawnej składni i roli atrybutów: type, name, id, required.
info

To pytanie poprawnie rozwiązuje 80% zdających egzamin. średnio łatwe

W praktyce zawodowej kluczowe jest to, że maskowanie wpisywanych znaków w polu hasła realizuje się przez użycie kontrolki formularza &lt;input&gt; z ustawionym atrybutem type na wartość password.

Źródła:

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

Materiały:

  • Dokumentacja WHATWG HTML – sekcja o elemencie input i atrybucie type
  • MDN Web Docs – opis &lt;input&gt; oraz type="password"
  • Materiały do INF.3: formularze HTML i podstawy bezpieczeństwa danych w aplikacjach WWW

Aktualizacja pytania: 03.04.2026

Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego