HTML5 - Avanserte skjemaer

Innholdsfortegnelse
Angi datakoding
Vi vet at skjemaene sender dataene de samler inn fra brukeren til en ny side eller til ham selv, gjennom http -protokollen ved å bruke noen av metodene som f.eks. eller POST. Det er flere måter å kode dataene for å sende dem gjennom http, de mulige kodingstypene er som følger:
  • application / x-www-form-urlencoded: Dette er standardmetoden som brukes, den kan ikke brukes til å laste opp filer til serveren.
  • flerdel / skjema-data: Denne metoden brukes til å laste opp filer til serveren.
  • tekst / vanlig: Denne metoden er avhengig av nettleseren, hver enkelt behandler den annerledes.

For å se forskjellen mellom metodene litt lenger, må vi lage et skjema med minst to felt slik at vi kan se de forskjellige atferdene.
La oss se skjemaet for å lage:
 Eksempel Send stemme 

Koding application / x-www-form-urlencoded er den som brukes som standard, dette er en generell brukskoding som brukes for alt unntatt behandling av filopplasting, dens særegenhet ligger i at den bruker URL -formatet til å passere parametrene, slik at skjemaet vårt når det sendes, ville sende neste informasjon:
 fave = Epler og navn = Leon + Ramirez 

Vi ser at verdiene som er angitt av brukeren er tilordnet navnene på feltene våre, spesialtegnene vil bli erstattet av en ekvivalent i HTML -enhet, og vi ser at hvert par verdier er atskilt med en & på denne måten vet vi hvilket felt som er neste.
Koding flerdel / skjema-data Det er mye mer komplekst og håndterer mye flere elementer, dette er fordi det er det som brukes til å laste opp filer, så det må sende informasjonen til en fil som et bilde, og for dette har den denne strukturen:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple name = Leon Ramirez 

Koding tekst / vanligDen håndteres av hver nettleser på en annen måte og er ikke mye brukt, med mindre det er en spesifikk applikasjon i et kontrollert miljø.
Autofullføringsattributt
Denne egenskapen er nyttig for mange mennesker som ikke liker å legge inn de mest gjentatte dataene i et skjema som navn og etternavn eller e -post, men det er mye mer delikate applikasjoner som f.eks. nettbank hvor vi trenger maksimal personvern ved introduksjonen av dataene våre.
For å kontrollere dette håndterer vi attributtet autofullføring, dette kan gå på skjema nivå, eller på nivå med input, og har to verdier Y av, det vil si på eller av, som du kanskje allerede har antatt når den er på lar nettleseren foreslå data som brukeren tidligere har lagt inn i lignende skjemaer eller i samme skjema som han ser, og når han er i av gir ingen forslag. La oss se programmet med to veldig enkle eksempler.
 Eksempel Send stemme 

 Eksempel Send stemme 

I vårt første eksempel ser vi hvordan vi får det ut av hele formen, og i det andre eksemplet ser vi hvordan vi får det ut av hele formen også, bare i vår første input vi aktiverer det, vi kan også gjøre det motsatte og aktivere det for hele skjemaet, og deaktivere et bestemt felt.
Med dette avslutter vi denne opplæringen, med kunnskap om å lage skjemaer litt mer komplekse, i tillegg til å vite hvordan de jobber internt med å sende dataene.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave