\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{Password Field - Vanilla JS}
\usepackage[
pdftitle={Password Field - Vanilla JS}
pdfsubject={Passwort Feld auf Basis eines Input Feldes des Typ Text realisieren}
pdfauthor={Udo Schmal}
pdfkeywords={JavaScript, input type password}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}Password Field - Vanilla JS
\singlespacing
{\LARGE \textbf{\label{sec:title}JavaScript Password Field}}

\singlespacing
{\large \textbf{\label{sec:subtitle}Passwort Feld auf Basis eines Input Feldes des Typ Text realisieren}}

\begin{floatingfigure}[r]{0.33\textwidth}
\centering
\includegraphics[width=0.25\textwidth]{/home/udo/webserver/www.gocher.me/www-root/media/login-password.png}

Passwort Eingabe\newline
ohne Input Type Password
\end{floatingfigure}

Das Thema unsichere Passwortfelder ist zur Zeit in vielen Foren ein großes Thema, sicherlich war es immer schon ein brisantes Thema, aber erst seitdem vermehrt darauf hingewiesen wird und in aktuelleren Versionen des Firefox es sogar angezeigt wird, scheint einigen Leuten klar zu werden das ihre Login-Daten nicht sicher übertragen werden.

Die Kontrolle des Firefox basiert allerdings lediglich auf der Tatsache das ein Formular mit Passwortfeld vorhanden ist, also ein Eingabefeld vom Typ Password, was ist aber nun wenn man zu Eingabe des Passwortes ein Eingabefeld vom Typ Text nimmt und es über Javascript so anpasst das es wie ein normales Passwortfeld funktioniert. Es fällt dem Browser als auch dem Benutzer nicht auf!

Mit der folgenden Variante kann man den Leuten die Verunsicherung nehmen, jedoch nicht zur Sicherheit beitragen! \textbf{Login-Daten sollten immer verschlüsselt übertragen werden!\newline
}Oder wie ich in einem weiteren Artikel beschreiben werde, nicht übertragen werden und trotzdem überprüft!
\label{sec:demo-form}\label{sec:password}
\singlespacing
{\large \textbf{HTML}}

\href{https://www.gocher.me/code/password.htm}{password.htm}

\singlespacing
{\large \textbf{JavaScript}}

\href{https://www.gocher.me/code/jsPassword.js}{jsPassword.js}
\end{document}