type
In diesem Beispiel wird das Passwort durch Umschalten des input von password zu text angezeigt. Es kann daher die ganze Zeit geändert werden.
input
password
text
Passwort: 👁
output
Hier existieren ein input type="password" und ein output übereinander. Durch Klicken des Buttons werden die Elemente ein- und ausgeblendet. Das angezeigte Passwort kann nicht geändert werden (output-Element).
input type="password"
contenteditable output
Hier existieren ein input type="password" und ein output übereinander. Durch Klicken des Buttons werden die Elemente ein- und ausgeblendet. Das angezeigte Passwort kann geändert werden, da das output-Element mit dem Attribut contenteditable versehen ist.
contenteditable
Um das Passwort anzuzeigen und ggf. ändern zu können, wird hier das output-Element mit einem Aufruf von window.prompt kombiniert.
window.prompt
Passwort: 👁 Passwort anzeigen
Eine andere, aber wenig komfortable Möglichkeit ist ein output neben einem input zu platzieren und diese ggf. zu synchronisieren.