Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF7 - TEST WIEDZY NR 11



PYTANIE NR 31.
<form action="/subscribe" method="post">
  <label for="email">Podaj swój adres e-mail:</label>
  <input type="email" id="email" name="email">
  <input type="submit" value="Zapisz się">
</form>
Jaką rolę pełni powyższy fragment kodu HTML na stronie internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna odpowiedź: fragment tworzy formularz, bo używa <form> z metodą post oraz pola <input type="email"> do wpisania adresu e-mail i <input type="submit"> do wysłania danych. To typowy mechanizm zapisu na subskrypcję/biuletyn, a nie wyświetlanie treści czy lista produktów.

Pełne wyjaśnienie:

Pokazany kod zawiera komplet podstawowych elementów formularza HTML:

  • <form action="/subscribe" method="post"> – definiuje formularz oraz sposób wysłania danych do serwera. Atrybut action wskazuje adres, pod który trafią dane, a method="post" oznacza wysyłkę w treści żądania.
  • <label for="email"> – etykieta opisująca pole. Powiązanie przez for="email" zwiększa dostępność (ułatwia obsługę czytnikom ekranu i kliknięcie w etykietę).
  • <input type="email" id="email" name="email"> – pole wejściowe przeznaczone na adres e-mail. Typ email uruchamia typową walidację formatu adresu w przeglądarce.
  • <input type="submit" value="Zapisz się"> – przycisk wysyłający formularz.

Dlatego poprawna odpowiedź brzmi: Tworzy formularz subskrypcji e-mail. Taki formularz jest często używany w działaniach reklamowych online (np. na stronie kampanii) do pozyskiwania kontaktów.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "Wyświetla reklamę" – do wyświetlania kreacji reklamowej służą zwykle elementy treści (np. grafika, wideo) albo integracje skryptowe. Sam formularz nie "wyświetla reklamy", tylko zbiera dane użytkownika.
  • "Tworzy formularz logowania" – logowanie zwykle wymaga co najmniej identyfikatora użytkownika i hasła (np. pole typu password). Tutaj jest tylko pole e-mail i przycisk "Zapisz się", co odpowiada zapisowi, nie uwierzytelnianiu.
  • "Wyświetla listę produktów" – lista produktów byłaby zbudowana raczej z elementów strukturalnych (np. listy, karty produktu) i danych produktowych, a nie z <form> i pól wejściowych.

Wskazówka egzaminacyjna: jeśli w kodzie widzisz <form> oraz przycisk typu submit, najpierw ustal, jakie dane zbiera formularz (tu: e-mail). To zwykle prowadzi do prawidłowej interpretacji celu (subskrypcja/pozyskanie kontaktu).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest formularz HTML i do czego służy w reklamie internetowej?
Formularz HTML to element strony (<form>), który pozwala zebrać dane od użytkownika i wysłać je na serwer. W reklamie internetowej często służy do pozyskiwania kontaktów (np. zapis do biuletynu), rejestracji na wydarzenie lub prośby o ofertę, co wspiera generowanie leadów.
Jak rozpoznać w kodzie, że to formularz zapisu na subskrypcję e-mail?
Wskazówką jest obecność <form> oraz pola <input type="email">, czyli miejsca na adres e-mail, a także przycisku <input type="submit"> do wysyłki. Dodatkowo tekst CTA (np. "Zapisz się") zwykle sugeruje subskrypcję, a nie logowanie.
Dlaczego w formularzu używa się <label> i atrybutu for?
<label for="..."> łączy etykietę z konkretnym polem (<input id="...">). Poprawia to dostępność (czytniki ekranu lepiej opisują pole) i użyteczność (kliknięcie w tekst etykiety aktywuje pole). To ważne w kampaniach, bo zmniejsza liczbę błędów i porzuceń.
Co oznacza input type="email" i jakie daje korzyści?
<input type="email"> informuje przeglądarkę, że użytkownik ma podać adres e-mail. Dzięki temu działa podstawowa walidacja formatu (np. wymagany znak @), a na urządzeniach mobilnych może pojawić się wygodniejsza klawiatura. W reklamie pomaga to ograniczyć błędne adresy w bazie.
Jak działa action i method="post" w formularzu?
action wskazuje adres (endpoint), na który zostaną wysłane dane po kliknięciu przycisku wysyłki. method="post" oznacza, że dane trafiają w treści żądania HTTP. W praktyce endpoint może zapisywać e-mail do systemu newsletterowego lub CRM obsługującego kampanię.
Czym taki formularz różni się od formularza logowania?
Formularz logowania zwykle wymaga danych do uwierzytelnienia, najczęściej loginu/e-maila oraz hasła (pole typu <input type="password">). W formularzu subskrypcji często jest tylko jeden kontaktowy atrybut (np. e-mail) oraz CTA typu "Zapisz się". To inny cel i inny zestaw pól.
Jakie błędy najczęściej popełniają uczniowie w takich pytaniach o HTML?
Najczęstsze błędy to: mylenie formularza z reklamą (bo występuje na stronie kampanii), utożsamianie przycisku "submit" z logowaniem oraz ignorowanie typu pola (<input type="email">). Warto patrzeć na strukturę: <form> + rodzaj zbieranych danych.
Jak dodać w formularzu prostą walidację, żeby e-mail był wymagany?
Najprościej dodać atrybut required do pola e-mail, np. <input type="email" required>. Przeglądarka nie pozwoli wtedy wysłać pustego pola. To praktyczne w kampaniach leadowych, bo ogranicza puste zgłoszenia i poprawia jakość danych.
Kiedy warto użyć formularza subskrypcji na landing page kampanii?
Formularz subskrypcji warto stosować, gdy celem kampanii jest budowa bazy kontaktów i późniejsza komunikacja (np. biuletyn, sekwencje e-mail). Sprawdza się też przy promocji treści (e-book, webinar), gdzie zapis jest "bramką" do pobrania materiału i mierzenia konwersji.
Jakie elementy formularza wpływają na konwersję w działaniach reklamowych?
Na konwersję wpływa m.in. liczba pól (im mniej, tym lepiej), jasne CTA na przycisku, czytelna etykieta, informacja o korzyści oraz minimalizacja błędów (np. typ e-mail i walidacja). Dobrą praktyką jest też spójność komunikatu formularza z kreacją reklamy i nagłówkiem strony.
info

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

W praktyce zawodowej kluczowe jest to, że to typowy mechanizm zapisu na subskrypcję/biuletyn, a nie wyświetlanie treści czy lista produktów.

Źródła:

  • MDN Web Docs: "&lt;form&gt;: The Form element" (sekcje: Attributes, Usage notes) - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form - accessed 2026-02-26
  • MDN Web Docs: "&lt;input&gt;: The Input (Form Input) element" (sekcje: input types, email, submit) - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input - accessed 2026-02-26
  • WHATWG HTML Living Standard: "Forms" (rozdziały dot. elementu form i kontrol formularzy) - https://html.spec.whatwg.org/multipage/forms.html - accessed 2026-02-26

Materiały:

  • Dokumentacja MDN: elementy &lt;form&gt;, &lt;label&gt; i &lt;input&gt;
  • Specyfikacja HTML (sekcje dot. formularzy i typów pól wejściowych)
  • Materiały o UX formularzy (CTA, minimalizacja tarcia w zapisie, walidacja e-mail)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego