Passwortfeld

Wenn du ein Passwort eintippst, siehst du meistens nicht den Text, den du getippt hast, sondern nur Punkte. So kann niemand, der auf deinen Bildschirm schaut, es lesen.

Ein solches Eingabefeld erstellst du mit dem Element input und dem Attribut type="password":

<label for="eingabe-pin">PIN</label>
<input type="password" name="pin" id="eingabe-pin">

Dieser Code wird so angezeigt (probiere, etwas hineinzutippen):

Wir verwenden dieses Eingabefeld überall dort, wo Nutzer etwas Geheimes eingeben.

Damit jede Beschriftung und ihr Eingabefeld in einer eigenen Zeile stehen, packen wir sie in ein div. Ein div beginnt immer in einer neuen Zeile. Im Editor haben wir den Namen schon in ein div gepackt und ein leeres div für das Passwort vorbereitet.