✅ Formulare in HTML5 - Neue Datentypen

Inhaltsverzeichnis

Eines der Probleme, die wir mit der vorherigen Version von HTML, dh 4, hatten, war die Validierung, da wir für ihre Validierung eine andere Technologie verwenden mussten. Natürlich haben wir mit Javascript den nötigen Touch gegeben, um diesen Formularen das Fehlende zu geben .
In HTML5 wurde dies gelöst, da einige große Verbesserungen für die eigene Validierung und andere für die einfache Handhabung an sich vorgenommen wurden, um attraktiver auszusehen.
In diesem Kapitel werden wir ein kleines Beispiel der neuen Funktionen von Formularen in HTML5 sehen. Und wir werden verstehen, dass seine neuen Funktionen für das heutige Web sehr wichtig sind.
Denken Sie daran, dass nicht alle Browser diese neuen Funktionen unterstützen und diejenigen, die die Ergebnisse auf ihre eigene Weise anzeigen, aber fangen wir an:
Wir alle wissen, dass das Etikett ein Eingabefeld vorgibt, in das der Benutzer Daten eingeben kann. Nun, in HTML5 sehen wir, dass es mehrere Arten von Eingaben oder. Diese neuen Funktionen ermöglichen eine bessere Eingabe- und Validierungskontrolle.
Art der Daten
: gibt an, dass der Benutzer das Feld mit Text ausfüllen muss
: gibt an, dass der Benutzer das Feld mit einer gültigen E-Mail ausfüllen muss
: gibt an, dass der Benutzer das Feld mit URL ausfüllen muss
: gibt an, dass der Benutzer das Feld mit einer Farbe ausfüllen muss
: Gibt an, dass der Benutzer das Feld mit einem Datum ausfüllen muss
: Gibt an, dass der Benutzer das Feld mit einem der Monate ausfüllen muss
Einige Beispiele für HTML5-Elemente
Validierungsattribute
Die Validierungsattribute ermöglichen es, eine Textbox oder Textbox zu veranlassen, einen einzelnen Datentyp wie die oben genannten zu akzeptieren, und HTML5 überprüft, ob die Daten korrekt sind, bevor dies mit Javascript oder jquery erfolgen musste.
Ein Beispiel für die Validierung einer E-Mail

 Email:

Das Keygen-Attribut
Wann immer wir ein Passwort verwenden, möchten wir es für mehr Sicherheit verschlüsseln können
Der Zweck des Elements besteht darin, eine sichere Methode zur Authentifizierung von Benutzern bereitzustellen.
Das Label gibt ein Generatorfeld mit zwei Schlüsseln in einem Formular an.
Beim Absenden des Formulars werden zwei Schlüssel generiert, ein privater und ein öffentlicher.
Der private Schlüssel wird lokal gespeichert und der öffentliche Schlüssel wird an den Server gesendet. Der öffentliche Schlüssel könnte verwendet werden, um ein Client-Zertifikat zu generieren, um den Benutzer in Zukunft zu authentifizieren oder als Passwort in einer Datenbank zu speichern oder um Sitzungen zu validieren.

 Benutzer-Passwort:

Das Autofokus-Attribut
Autofokus bietet eine deklarative Möglichkeit, ein Formularsteuerelement während des Ladens einer Seite zu fokussieren. Zuvor musste ein Entwickler Javascript mit control.focus() schreiben. Der neue Weg ermöglicht es dem Browser, intelligente Dinge zu tun, z. B. das Steuerelement nicht zu zentrieren, wenn der Benutzer bereits ein anderes eingibt.