W formularzu zdefiniowano kontrolki do wpisania imienia i nazwiska. Który atrybut reprezentuje podpowiedź umiejscowioną w polu kontrolki, znikającą w momencie, gdy użytkownik rozpocznie wpisywanie wartości?
W formularzu zdefiniowano kontrolki do wpisania imienia i nazwiska. Który atrybut reprezentuje podpowiedź umiejscowioną w polu kontrolki, znikającą w momencie, gdy użytkownik rozpocznie wpisywanie wartości?
Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: B (placeholder)
to opcja B (placeholder).
Atrybut placeholder w elemencie <input> HTML służy do wyświetlania krótkiej podpowiedzi (tekstu-wskazówki) w polu wprowadzania danych, która znika automatycznie w momencie, gdy użytkownik zaczyna wpisywać własną wartość. Jest to użyteczne dla zapewnienia użytkownikowi kontekstu lub przykładu oczekiwanych danych w polu.
Na załączonym obrazie widać ten atrybut w drugiej linii kodu:
<input id="nazw" placeholder="Wpisz dane" title="Wpisz nazwisko">
Tutaj tekst "Wpisz dane" będzie widoczny w polu dopóki użytkownik nie zacznie pisać.
Dlaczego pozostałe opcje są nieprawidłowe?
- A:
value– Ten atrybut określa początkową wartość pola wejściowego. Tekst ustawiony za pomocąvaluejest domyślnie wypełniony w polu i nie znika po kliknięciu czy rozpoczęciu pisania, chyba że użytkownik go usunie ręcznie. W pierwszym polu input na obrazku (<input id="imie" value="Wpisz dane" title="Wpisz imię"><br>) to właśnievalueustawia wstępny tekst. - C:
title– Ten atrybut dostarcza dodatkowych informacji o elemencie. Zazwyczaj jest wyświetlany jako dymek (tooltip) po najechaniu kursorem myszy na element. Nie jest to tekst wyświetlany wewnątrz pola ani nie znika po rozpoczęciu wpisywania. - D:
name– Ten atrybut jest używany do identyfikacji pola formularza po jego przesłaniu na serwer. Jest to nazwa zmiennej, która będzie zawierała wartość wpisaną przez użytkownika po wysłaniu formularza. Nie ma wpływu na wyświetlanie podpowiedzi w polu.
Chcesz poćwiczyć całą kwalifikację INF.03?
Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.
Pojęcia z tego pytania
- Formularze HTML5 i walidacja po stronie klientaZestaw elementów formularza (<input>, <select>, <textarea>) i wbudowanych atrybutów sprawdzających poprawność danych w przeglądarce przed wysłaniem.
- Drzewo DOM (Document Object Model)Wieloplatformowy i niezależny od języka interfejs programistyczny traktujący dokument HTML jako hierarchiczne drzewo obiektów (węzłów).
- Metody tablicowe w JS (push, pop, map, filter, forEach, splice)Funkcje wbudowane w prototyp tablic służące do mutowania zawartości, transformacji, filtrowania i iteracji po elementach.
Podobne pytania z działu „Html formularze”
Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 36 pytań z tego działu.