Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
W języku HTML, aby stworzyć pole do wprowadzania hasła, w którym tekst jest maskowany (zastąpiony kropeczkami), należy zastosować znacznik
Odpowiedzi
Informacja zwrotna
Aby utworzyć pole edycyjne do wpisywania hasła w HTML, należy użyć znacznika <input> z atrybutem type ustawionym na 'password'. Taki typ pola edycyjnego zapewnia, że wprowadzany tekst jest maskowany, co w praktyce oznacza, że jest on wyświetlany jako kropki lub gwiazdki, co znacząco podnosi poziom bezpieczeństwa. Stosując <input type='password' />, zalecane jest również dodanie atrybutu name, co ułatwi przesyłanie danych na serwer. Warto zwrócić uwagę, że zgodnie z tym, co definiuje specyfikacja HTML5, pole to jest standardowo obsługiwane przez wszystkie nowoczesne przeglądarki. Przykład użycia: <input type='password' name='user_password' placeholder='Wpisz swoje hasło' />. Ponadto, dobrym praktyką jest stosowanie odpowiednich mechanizmów walidacji po stronie serwera, aby upewnić się, że dane przesyłane z formularzy są bezpieczne i chronione przed nieautoryzowanym dostępem. Maskowanie hasła w polach edycyjnych jest kluczowym elementem ochrony danych użytkowników w aplikacjach internetowych oraz stronach, które wymagają logowania.
Pierwsza z niepoprawnych odpowiedzi wskazuje na <input name='password' />. Choć znaczniki <input> mogą zawierać atrybut name, to brak ustawienia type na 'password' sprawia, że wprowadzone hasło będzie widoczne w formie tekstu jawnego, co stwarza poważne ryzyko bezpieczeństwa. Użytkownik nie będzie miał możliwości ochrony swojego hasła przed wzrokiem osób postronnych. Kolejna propozycja, <form input type='password' />, jest również błędna. Znacznik <form> jest używany do grupowania kontrolków formularzy, ale nie może zawierać atrybutu input w ten sposób. Odpowiednia składnia wymaga, aby znacznik <input> był zagnieżdżony wewnątrz znacznika <form>, co czyni tę odpowiedź niepoprawną w kontekście składni HTML. Ostatnia odpowiedź <form='password' type='password' /> narusza zasady poprawnego stosowania znaczników form oraz input. <form> nie może mieć atrybutu 'input'; zamiast tego powinien zawierać kontrolki formularza, takie jak <input>, wewnątrz swojego otwarcia. Użycie atrybutu 'type' w tej notacji jest także niewłaściwe, ponieważ powinno być stosowane wyłącznie w kontekście elementu <input>. Wszystkie te przykłady ukazują istotność poprawnej struktury kodu HTML oraz znaczenia bezpieczeństwa danych użytkowników.