Przejdź do głównej treści
  1. Strona główna
  2. Słownik
  3. INF.03
  4. <input type="password"> w HTML

<input type="password"> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest <input type="password">?

<input type="password"> to pole formularza HTML przeznaczone do wpisywania hasła. Przeglądarka ukrywa wpisywane znaki, najczęściej zastępując je kropkami lub gwiazdkami. Dzięki temu osoba patrząca na ekran nie widzi bezpośrednio wpisywanego tekstu.

Składnia

<input type="password" name="haslo">

Najważniejszy jest atrybut type="password". To on informuje przeglądarkę, że pole ma działać jako pole hasła.

Przykład w formularzu

<form action="logowanie.php" method="post">
  <label for="haslo">Hasło:</label>
  <input type="password" id="haslo" name="haslo">
  <button type="submit">Zaloguj</button>
</form>

W tym przykładzie użytkownik wpisuje hasło, ale jego treść nie jest widoczna na ekranie. Po wysłaniu formularza wartość pola zostanie przesłana pod nazwą haslo.

Ważne informacje egzaminacyjne

  • Poprawny znacznik to input, a nie form.
  • Ukrywanie znaków zapewnia type="password".
  • Samo name="password" nie ukrywa wpisywanego tekstu — określa tylko nazwę pola przesyłaną do serwera.
  • Pole hasła nie szyfruje danych automatycznie. Do bezpiecznego przesyłania formularza należy używać protokołu HTTPS.

Typowy błąd

<input name="password">

Ten zapis utworzy zwykłe pole tekstowe, ponieważ nie podano type="password".