HTML5-Formulare - Neue Datentypen - Teil 2

Im vorherigen Tutorial haben wir mit den Neuerungen von HTML5 im Umgang mit Formulardaten begonnen. Wir werden weiterhin einige andere Funktionalitäten erklären, die es uns ermöglichen, viel Entwicklungszeit zu sparen.
Das erforderliche Attribut:
Das erforderliche oder erforderliche Attribut in einem Element wird auf a gesetzt und zwingt den Benutzer automatisch, das Feld auszufüllen, um fortzufahren, dh der Browser lässt das Senden des Formulars ohne die Eingabe mit diesem Attribut nicht zu.

 Name: 

Das erforderliche Attribut funktioniert mit den Eingabetypen: Text, Suche, URL, Tel, E-Mail, Passwort, Datumsauswahl, Nummer, Kontrollkästchen, Radio und Datei.
Es kann mit jquery.validate.js kombiniert werden, um Antwortnachrichten und auszuführende Ereignisse konfigurieren zu können. Wir können ein Beispiel im Validierungsformular mit Jquery-Tutorial sehen
Eines der größten Probleme bei HTML5 ist, dass nicht alle Elemente mit aktuellen Browsern kompatibel sind. Daher müssen wir vor der Entwicklung prüfen, welche kompatibel sind und welche nicht und dürfen sich nicht wundern, dass das, was wir später verwenden möchten, nicht funktioniert .
Über den folgenden Link können wir die Kompatibilität von HTML5 mit Browsern überprüfen. Wir können ein vollständiges Diagramm sehen, um festzustellen, ob das, was wir verwenden möchten, funktioniert oder nicht. Je nach zu verwendendem Element oder Etikett
Datenspeicherung oder Webspeicherung mit HTML5
Mit HTML5 können Webseiten Daten lokal im Browser des Benutzers speichern.
Früher geschah dies mit Cookies. Webspeicher ist jedoch sicherer und schneller. Die Daten werden nicht bei jeder Anfrage vom Server mitgeliefert, sondern nur auf Anfrage verwendet. Es ist auch möglich, große Datenmengen zu speichern, ohne die Leistung der Webseite zu beeinträchtigen.
Einer der großen Vorteile dieser Speichermethode besteht darin, dass sie uns sichere Daten ermöglicht und uns unter anderem große Möglichkeiten bietet, mit Seiten und Anwendungen zu arbeiten, die offline ohne Internetzugang arbeiten.
Die Daten werden in Name>Wert-Paaren gespeichert, und eine Webseite kann nur alleine auf die gespeicherten Daten zugreifen.
Im Gegensatz zu Cookies ist das Speicherlimit viel höher, es funktioniert wie eine lokale Datenbank.
Sie können 2 Arten von Lagerung haben

• Lokaler Speicher: Die gespeicherten Daten haben kein Ablaufdatum, sie bleiben unbegrenzt verfügbar (das localStorage-Objekt wird verwendet)
• Sitzungsspeicher: Die gespeicherten Daten sind nur während der Browsersitzung verfügbar, wenn sie geschlossen wird, verschwinden sie (das sessionStorage-Objekt wird verwendet)

Einfaches Beispiel für Datenspeicherung

 Datenspeicherung Webspeicher Es wird lokal gespeichert:
Es wird in einer Sitzung gespeichert:Speichern Wiederherstellen

Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben