input type="password" w HTML

input type="password" w HTML

<input type="password"> to pole formularza HTML przeznaczone do wpisywania hasła. Wprowadzane znaki są maskowane przez przeglądarkę, najczęściej jako kropki lub gwiazdki. Nie oznacza to jednak szyfrowania danych — maskowanie działa tylko wizualnie na ekranie użytkownika.

Składnia

<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>

Najważniejszy fragment to:

<input type="password">

Atrybut type="password" informuje przeglądarkę, że pole ma służyć do wpisywania hasła.

Ważne atrybuty

• name — nazwa pola wysyłana do serwera, np. name="haslo".
• id — identyfikator elementu, często używany z etykietą label.
• required — wymusza wypełnienie pola.
• minlength — określa minimalną liczbę znaków.
• placeholder — wyświetla podpowiedź w pustym polu.

Przykład:

<input type="password" name="haslo" required minlength="8">

Częsty błąd egzaminacyjny

Samo name="password" nie tworzy pola hasła. Atrybut name określa tylko nazwę danych przesyłanych z formularza. O rodzaju pola decyduje atrybut type.

Poprawnie:

<input type="password" />

Niepoprawnie:

<input name="password" />

Bezpieczeństwo

Pole password ukrywa tekst na ekranie, ale nie zabezpiecza automatycznie transmisji. Dane logowania powinny być przesyłane przez HTTPS, a po stronie serwera hasła należy przechowywać jako bezpieczne skróty, np. z użyciem funkcji haszujących.