✅ So geben Sie das Passwort in HTML5 ein

Inhaltsverzeichnis

Attribut Passwort erstellt eine Eingabe zur Dateneingabe, die bei der Eingabe durch den Nutzer als Punkte oder Sternchen ("*") auf dem Bildschirm dargestellt wird, was für Dritte das Nachlesen der Dateneingabe in das Formular erschwert oder unmöglich macht.
Dieses Attribut funktioniert in Verbindung mit anderen Attributen, die es auch mit dem Element teilt EingabetextErinnern wir uns und sehen, welche von diesem geteilt werden.

[Farbe = # 808080]Maximale Länge: [/ color] Dieses Element ist in HTML5 nicht neu, aber es ist sehr hilfreich, da es uns erlaubt, die maximale Anzahl von Zeichen zu begrenzen, die die Eingabe akzeptiert, ein Beispiel ist, wenn unsere Passwörter maximal Zeichen enthalten dürfen, zum Beispiel 6 alphanumerische Zeichen , setzen wir dieses Attribut mit dem Wert 6 und wenn wir versuchen, eine siebte einzugeben, wird es einfach nicht geschrieben.

[Farbe = # 808080]Muster: [/color] Neu in HTML5 ermöglicht es uns, Muster für reguläre Ausdrücke einzugeben, sodass wir eine neue Validierungsebene hinzufügen können, ohne zusätzliche Sprachen zu verwenden.

[Farbe = # 808080]Platzhalter: [/ Color] Neu in HTML5, es ist eine visuelle Hilfe ermöglicht es uns, einen Text einzugeben, der innerhalb des Eingabetextes zeigt eine kleine Hilfe für den Benutzer, beispielsweise angezeigt, wenn ein Eingang zur Eingabe des Passworts ist, könnten wir als Ort Platzhalter „Geben Sie Ihr Passwort ein“, natürlich passen Sie die Stile an, damit alles ästhetisch korrekt aussieht.

[Farbe = # 808080]Schreibgeschützt: [/ color] Dieses Attribut ist in HTML5 nicht neu, es ermöglicht uns, dass der Benutzer keine Daten eingeben oder den Inhalt des Felds mit diesem Attribut bearbeiten kann.

[Farbe = # 808080]Erforderlich: [/ color] Dieses Attribut ist neu in HTML5 und ermöglicht es uns anzugeben, dass das Formular noch nicht gesendet werden soll, wenn die Eingabe leer ist, wodurch die obligatorische Natur des Ausfüllens erzwungen wird. Auf diese Weise erhöhen wir eine weitere Validierungsebene.

[Farbe = # 808080]Größe: [/ color] Es hilft uns, die Breite des Eingabeelements anzugeben. Dieses Attribut ist nicht neu, aber sehr wichtig, da es uns hilft, den Text, den der Benutzer eingeben muss, besser zu visualisieren und uns zu helfen ästhetisch homogene Eingabefelder zu erstellen, da sie alle mit einer größeren Breite platziert werden können, als die standardmäßig bereitgestellte.

[Farbe = # 808080]Wert: [/color] Es ist nicht neu in HTML5, dieses Attribut ermöglicht es uns, Werte an eine Eingabe zu stellen, es unterscheidet sich vom Platzhalter, da der Wert beim Senden zugewiesen wird, wenn er als Inhalt des Elements gesendet würde Wird ziemlich verwendet, um ein Formular mit Inhalten zu füllen, die aus der Datenbank geholt werden, wenn wir eine Serversprache verwenden.

Nachdem wir die Theorie gesehen haben, sehen wir uns ein praktisches Beispiel dafür an:

Beispiel

Süßkartoffel:

Passwort:

Obst:

Stimme abgeben

Wie wir in diesem Fall sehen verwenden wir das Attribut Platzhalter um anzugeben, welche Art von Passwort wir erwarten, auf diese Weise führen wir den Benutzer und reduzieren Fehler, sobald das Element geschrieben wird, wird der Text des Platzhalters durch Sternchen oder andere Elemente ersetzt, die nicht darauf hinweisen, dass es wird geschrieben.

VERGRÖSSERN

Eine weitere wichtige Vorsichtsmaßnahme, die wir treffen müssen, besteht darin, dass wir zwar nicht lesen können, was wir in das Passwortfeld schreiben, aber der Inhalt auf der Seite, die das Formular verarbeitet, ohne jegliche Art von Verschlüsselung ankommt, so dass wir wissen, dass die Daten ohne Schutz reist, zum Beispiel wenn wir das vorherige Formular bearbeiten, würden wir dieses erhalten:

Wenn wir mehr Sicherheit wünschen, müssen wir die Verwendung von Servern mit sicheren Protokollen in Betracht ziehen, wie z SSL / HTTPS Sie verschlüsseln die von ihnen gesendeten Informationen oder verwenden Sprachen wie Javascript, um die Informationen zu verschlüsseln, bevor sie gesendet werden.
Damit schließen wir dieses Tutorial ab, das den Prozess der Erstellung von Formularen für die Eingabe sensibler Daten durchläuft, und wir kennen die Auswirkungen und Sicherheitsmaßnahmen, die wir ergreifen müssen, um die Integrität der Daten zu bewahren, die von einem Formular übertragen werden, wenn es nicht lesbar sein soll das bloße Auge. .