<input type="password" name="pole"> W przedstawionym fragmencie formularza HTML zdefiniowano pole input, o którym można powiedzieć, że
<input type="password" name="pole">W przedstawionym fragmencie formularza HTML zdefiniowano pole input, o którym można powiedzieć, że
Pytanie z egzaminu CKE, czerwiec 2022 (arkusz E.14-SG-22.06).
Typ password tworzy pole hasła. Przeglądarka zastępuje każdy wpisany znak kropką lub gwiazdką, żeby nikt nie odczytał hasła z ekranu. Ukrywanie dotyczy jednak tylko wyświetlania: wartość jest normalnie wysyłana z formularza i widać ją w kodzie skryptu, dlatego formularz z hasłem wysyła się metodą post i przez HTTPS. Atrybut name nadaje polu nazwę, pod którą skrypt odczyta wartość, np. $_POST["pole"] w PHP. Domyślny tekst ustawia się atrybutem value, a podpowiedź - placeholder. Do zapamiętania: type="password" ukrywa znaki, type="text" je pokazuje, a type="number" przyjmuje tylko liczby. Pole hasła wspiera też menedżery haseł przeglądarki.
Najłatwiej pomylić tu atrybuty. name="pole" nie wpisuje do pola żadnego tekstu - to tylko nazwa, pod którą wartość trafi do skryptu. Domyślną zawartość pola ustawia value, np. value="pole". Ograniczenie do liczb daje typ number, który dodaje strzałki zwiększania i odrzuca litery; password takiego ograniczenia nie ma. Pole, które wyświetla wprowadzane znaki, to zwykłe pole tekstowe, type="text" - pole hasła robi dokładnie odwrotnie. Atrybut type="password" jest tutaj kluczowy: zmienia sposób wyświetlania wpisywanych znaków na kropki. W formularzach logowania pole hasła zwykle łączy się z atrybutem required, który nie pozwala wysłać formularza z pustym polem, oraz z polem tekstowym na login. Warto znać też typy email i date, które przeglądarka sprawdza sama. Przy projektowaniu formularza dobrze dobrać typ każdego pola do danych, które ma przyjmować, bo przeglądarka dopasuje do niego sposób wprowadzania.