Passwortfeld
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 38 von 60.
In HTML ist ein Passwortfeld ein Typ von Eingabefeld, das verwendet wird, um Passwörter von Benutzern zu erfassen.
Es ähnelt einem regulären Texteingabefeld, aber die in ein Passwortfeld eingegebenen Zeichen werden maskiert, normalerweise als Sternchen oder Punkte dargestellt. Dies dient dazu, zu verhindern, dass andere das Passwort sehen, während es eingegeben wird.
Um ein Passwortfeld zu erstellen, verwenden Sie das <input>-Tag, bei dem das type-Attribut auf "password" gesetzt ist.
Hier ist die grundlegende Syntax zum Erstellen eines Passwortfelds in HTML:
<input type="password" name="passwordfield">
Aufgabe
EinfachErstellen Sie ein HTML-Dokument, das ein form mit einem Passwortfeld enthält. Das Passwortfeld sollte den name "userpassword", einen type "password" und einen Platzhalter mit dem Text "Enter your password" haben. Legen Sie die maximale Länge des Passwortfelds auf 20 Zeichen fest.
Spickzettel
Ein Passwortfeld ist ein Eingabefeld, das eingegebene Zeichen maskiert (dargestellt als Sternchen oder Punkte), um Passwörter vor Blicken zu schützen.
Erstellen Sie ein Passwortfeld mit dem <input>-Tag mit type="password":
<input type="password" name="passwordfield">Zusätzliche Attribute können verwendet werden:
placeholder- zeigt einen Hinweistext anmaxlength- begrenzt die Zeichenanzahl
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Fundamentals
2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich
Event-Details-BereichRegistrierungsformularFooter-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-Liste