HTML5 - Erweiterte Formulare

Inhaltsverzeichnis
Einstellen der Datenkodierung
Wir wissen, dass die Formulare die vom Benutzer gesammelten Daten über das http-Protokoll an eine neue Seite oder an ihn selbst senden, indem eine der Methoden verwendet wird, wie z BEKOMMEN oder POST. Es gibt mehrere Möglichkeiten, die Daten zu verschlüsseln, um sie zu senden http, sind die möglichen Codierungstypen wie folgt:
  • Anwendung / x-www-form-urlencoded: Dies ist die verwendete Standardmethode, sie kann nicht zum Hochladen von Dateien auf den Server verwendet werden.
  • mehrteilig / Formulardaten: Diese Methode wird verwendet, um Dateien auf den Server hochzuladen.
  • Text / schlicht: Diese Methode ist browserabhängig, jeder behandelt sie anders.

Um den Unterschied zwischen den Methoden etwas weiter zu sehen, müssen wir ein Formular mit mindestens zwei Feldern erstellen, damit wir die unterschiedlichen Verhaltensweisen sehen können.
Sehen wir uns das zu erstellende Formular an:
 Beispiel Abstimmung einreichen 

Codierung Anwendung / x-www-form-urlencoded ist die, die standardmäßig angewendet wird. Dies ist eine allgemeine Codierung, die für alles verwendet wird, außer für die Verarbeitung von Datei-Uploads Information:
 fave = Äpfel & Name = Leon + Ramirez 

Wir sehen, dass die vom Benutzer eingegebenen Werte den Namen unserer Felder zugeordnet sind, die Sonderzeichen durch eine Entität in HTML ersetzt werden und wir sehen, dass jedes Wertepaar mit a . getrennt ist & Auf diese Weise wissen wir, welches Feld als nächstes kommt.
Codierung mehrteilig / Formulardaten Es ist viel komplexer und verarbeitet viel mehr Elemente, weil es zum Hochladen von Dateien verwendet wird, also die Informationen einer Datei als Bild senden muss, und dafür hat es diese Struktur:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Inhaltsdisposition: Formulardaten; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Inhaltsdisposition: Formulardaten; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple name = Leon Ramirez 

Codierung Text / KlartextEs wird von jedem Browser auf unterschiedliche Weise gehandhabt und ist nicht weit verbreitet, es sei denn, es handelt sich um eine bestimmte Anwendung in einer kontrollierten Umgebung.
Autocomplete-Attribut
Dieses Attribut ist hilfreich für viele Leute, die nicht gerne die am häufigsten wiederholten Daten in ein Formular eingeben wie Vor- und Nachname oder E-Mail, es gibt jedoch viel heiklere Anwendungen wie Onlinebanking wo wir maximale Privatsphäre bei der Eingabe unserer Daten benötigen.
Um dies zu kontrollieren, behandeln wir das Attribut Autovervollständigung, dies kann auf Formularebene erfolgen oder auf der Ebene von Eingang, und hat zwei Werte an Ja aus, d. h. ein oder aus, wie Sie möglicherweise bereits erkannt haben, wenn es eingeschaltet ist an ermöglicht es dem Browser, Daten vorzuschlagen, die der Benutzer zuvor in ähnlichen Formularen oder in demselben Formular, das er gerade anzeigt, eingegeben hat, und wenn er sich darin befindet aus bietet keine Vorschläge. Sehen wir uns seine Anwendung an zwei sehr einfachen Beispielen an.
 Beispiel Abstimmung einreichen 

 Beispiel Abstimmung einreichen 

In unserem ersten Beispiel sehen wir, wie wir es aus der ganzen Form herausbekommen, und im zweiten Beispiel sehen wir, wie wir es auch aus der ganzen Form herausbekommen, nur in unserem ersten Eingang Wir aktivieren es, wir könnten auch das Gegenteil tun und es für das gesamte Formular aktivieren und ein bestimmtes Feld deaktivieren.
Damit schließen wir dieses Tutorial ab, da wir das Wissen haben, Formulare etwas komplexer zu gestalten, zusätzlich zu wissen, wie sie intern funktionieren, um die Daten zu senden.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

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave