HTML5 - Avancerede formularer

Indholdsfortegnelse
Indstilling af datakodning
Vi ved, at formularerne sender de data, de indsamler fra brugeren til en ny side eller til ham selv, gennem http -protokollen ved hjælp af en af ​​metoderne som f.eks. eller STOLPE. Der er flere måder at kode dataene for at sende dem igennem http, de mulige kodningstyper er som følger:
  • application / x-www-form-urlencoded: Dette er standardmetoden, den kan ikke bruges til at uploade filer til serveren.
  • multipart / form-data: Denne metode bruges til at uploade filer til serveren.
  • tekst / almindelig: Denne metode er afhængig af browseren, hver behandler den forskelligt.

For at se forskellen mellem metoderne lidt længere, skal vi oprette en formular med mindst to felter, så vi kan se de forskellige adfærdsmåder.
Lad os se formularen til at oprette:
 Eksempel Send stemme 

Indkodning application / x-www-form-urlencoded er den, der anvendes som standard, er dette en generel brugskodning, der bruges til alt undtagen behandling af filuploads, dens særpræg ligger i, at den bruger URL -formatet til at videregive parametrene, så vores formular, når den sendes, ville sende den Næste Information:
 fave = Æbler & navn = Leon + Ramirez 

Vi ser, at de værdier, der er indtastet af brugeren, er tildelt navnene på vores felter, specialtegnene erstattes af en ækvivalent i HTML -enhed, og vi ser, at hvert par værdier er adskilt med en & på denne måde ved vi, hvilket felt der er det næste.
Indkodning multipart / form-data Det er meget mere komplekst og håndterer meget flere elementer, det er fordi det er det, der bruges til at uploade filer, så det skal sende oplysningerne om en fil som et billede, og til dette har den denne struktur:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple navn = Leon Ramirez 

Indkodning tekst / almindeligDet håndteres af hver browser på en anden måde og bruges ikke i vid udstrækning, medmindre det er en bestemt applikation i et kontrolleret miljø.
Autofuldførelsesattribut
Denne attribut er nyttig for mange mennesker, der ikke kan lide at indtaste de mest gentagne data i en form som navn og efternavn eller e -mail, men der er meget mere sarte applikationer som f.eks. internet bank hvor vi har brug for maksimalt privatliv ved introduktionen af ​​vores data.
For at kontrollere dette håndterer vi attributten autofuldførelse, dette kan gå på formniveauet eller på niveauet med input, og har to værdier Y af, det vil sige til eller fra, som du måske allerede har udledt, når den er tændt giver browseren mulighed for at foreslå data, som brugeren tidligere har indtastet i lignende formularer eller i samme form, som han ser, og når han er i af giver ingen forslag. Lad os se dens anvendelse med to meget enkle eksempler.
 Eksempel Send stemme 

 Eksempel Send stemme 

I vores første eksempel ser vi, hvordan vi får det ud af hele formen, og i det andet eksempel ser vi, hvordan vi også får det ud af hele formen, kun i vores første input vi aktiverer det, vi kunne også gøre det modsatte og aktivere det for hele formen og deaktivere et bestemt felt.
Med dette afslutter vi denne vejledning med viden om at gøre formularer lidt mere komplekse udover at vide, hvordan de arbejder internt med at sende dataene.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt

Du vil bidrage til udviklingen af ​​hjemmesiden, at dele siden med dine venner

wave wave wave wave wave