HTML: Passwort-Eingabefelder mit type=“password“ erzeugen

Ein Passwortfeld ist ein Eingabefeld auf einer Webseite, in das Nutzer ihr Passwort eingeben können. Es sieht aus wie ein normales Textfeld, aber wenn man etwas hineinschreibt, wird der Text sofort durch Punkte oder Sternchen ersetzt. Das hat den Vorteil, dass niemand, der über die Schulter schaut, das Passwort lesen kann.

Passwortfelder werden überall dort genutzt, wo man sich einloggen oder seine Identität bestätigen muss, zum Beispiel bei E-Mail-Diensten, Online-Shops oder sozialen Netzwerken.


Warum wird das Passwort versteckt?

Die Anzeige von Sternchen oder Punkten soll verhindern, dass andere Personen das Passwort sehen können, während man es eingibt. Damit erhält der Nutzer ein bisschen Sicherheit. Trotzdem gibt es ein Problem: Diese Tarnung schützt nur vor fremden Blicken und nicht vor gefährlicheren Risiken, wie der Übertragung des Passworts selbst.


Achtung: Sicherheitsrisiken bei Passwortfeldern

Auch wenn das Passwort auf dem Bildschirm durch Punkte oder Sternchen geschützt ist, können Passwortfelder trotzdem unsicher sein. Hier sind zwei wichtige Gefahren, die man kennen sollte:

1. Klartextübertragung ohne HTTPS

Wenn eine Webseite kein HTTPS (eine verschlüsselte Verbindung) nutzt, wird das Passwort im sogenannten Klartext übertragen. Das bedeutet, dass das Passwort beim Absenden für jeden lesbar ist, der die Daten abfangen kann. Mit anderen Worten: Jemand, der die Verbindung abhört, könnte das Passwort direkt sehen.

Deshalb ist es wichtig, dass Webseiten immer eine sichere Verbindung (erkennbar an „https://“ in der Adresszeile des Browsers) verwenden. Nutzt eine Webseite kein HTTPS, sollte man dort besser keine Passwörter eingeben.

2. Unsichere Speicherung von Passwörtern

Auch nach der Eingabe kann ein Passwort gefährdet sein. Wenn sich ein Passwortfeld auf einer unsicheren oder schlecht programmierten Webseite befindet, könnten Passwörter vom Betreiber der Seite unverschlüsselt gespeichert werden. Wenn die Datenbank der Webseite dann gehackt wird, hätte jeder Angreifer Zugriff auf die ursprünglichen (lesbaren) Passwörter.

Gute Webseiten speichern Passwörter verschlüsselt – das nennt man „Hashing“. So kann selbst im Falle eines Hackerangriffs niemand die Passwörter direkt lesen. Das Problem ist: Du kannst von außen nicht sehen, wie Passwörter auf den Servern gespeichert werden.

Die Lösung: Verwende für jede Webseite ein eigenes Passwort und verwende einen Passworttresor. In unserem Kurs Cybersecurity lernst du, wie du dich vor gängigen Angriffen aus dem Web schützen kannst.


Passwortfelder richtig nutzen

Passwortfelder sind dennoch sehr sinnvoll, wenn sie richtig verwendet werden. Hier ein Beispiel, wie ein einfaches Passwortfeld aussehen könnte:

<form>
<label for="password">Passwort:</label>
<input type="password" id="password">
</form>

In diesem Beispiel kann der Nutzer ein Passwort eingeben, das direkt nach dem Tippen verdeckt wird.


So schützt man sich beim Umgang mit Passwortfeldern

Hier sind ein paar Tipps, um sicher zu bleiben:

  1. Nur auf HTTPS-Seiten Passwörter eingeben: Achte darauf, dass die Webseite eine sichere Verbindung nutzt („https://“ in der Adressleiste).
  2. Starke Passwörter verwenden: Wähle ein Passwort, das aus einer Kombination von Buchstaben, Zahlen und Sonderzeichen besteht.
  3. Passwörter regelmäßig wechseln: Besonders, wenn du unsicher bist, ob ein Konto kompromittiert wurde.
  4. Keine Passwörter mehrfach verwenden: Benutze für jede Webseite oder jeden Dienst ein anderes Passwort.
  5. Passwort-Manager verwenden: Mit einem Passwort-Manager kannst du sichere Passwörter erstellen und speichern, ohne dir alle merken zu müssen.

Fazit

Ein Passwortfeld in HTML5 bietet den ersten Schritt, um sensible Daten zu schützen. Es sorgt dafür, dass dein Passwort nicht von anderen Personen gesehen wird, während du es eingibst. Doch ein sicherer Umgang mit Passwörtern ist genauso wichtig: Achte immer auf eine sichere Verbindung (HTTPS) und darauf, dass die Seite vertrauenswürdig ist. So kannst du deine Daten besser schützen!