HTML5 - Napredni obrasci

Sadržaj
Postavljanje kodiranja podataka
Znamo da obrasci šalju podatke koje prikupljaju od korisnika na novu stranicu ili sebi, putem http protokola koristeći bilo koju od metoda, kao što je DOBITI ili POST. Postoji nekoliko načina kodiranja podataka za njihovo slanje http, moguće vrste kodiranja su sljedeće:
  • application / x-www-form-urlencoded: Ovo je zadana metoda koja se ne može koristiti za prijenos datoteka na poslužitelj.
  • multipart / form-data: Ova metoda se koristi za prijenos datoteka na poslužitelj.
  • tekst / običan: Ova metoda ovisi o pregledniku, svaki je tretira drugačije.

Kako bismo vidjeli razliku između metoda malo dalje, moramo stvoriti obrazac s najmanje dva polja kako bismo mogli vidjeti različita ponašanja.
Pogledajmo obrazac za stvaranje:
 Primjer Slanje glasovanja 

Kodiranje application / x-www-form-urlencoded je onaj koji se primjenjuje prema zadanim postavkama, ovo je kodiranje za opću uporabu koje se koristi za sve osim za obradu prijenosa datoteka, njegova posebnost leži u tome što koristi format URL -a za prosljeđivanje parametara, tako da bi naš obrazac, kada je poslan, poslao sljedeći informacija:
 fave = Jabuke & ime = Leon + Ramirez 

Vidimo da su vrijednosti koje je unijeo korisnik dodijeljene nazivima naših polja, posebni znakovi bit će zamijenjeni ekvivalentom u HTML entitetu i vidimo da je svaki par vrijednosti odvojen znakom & na taj način znamo koje je polje sljedeće.
Kodiranje multipart / form-data Mnogo je složeniji i obrađuje mnogo više elemenata, to je zato što se koristi za prijenos datoteka, pa mora poslati podatke o datoteci kao sliku, a za to ima ovu strukturu:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Raspored sadržaja: dispozicija podataka; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Sadržaj-Raspored: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Appleov naziv = Leon Ramirez 

Kodiranje tekst / običanSvakim preglednikom njime upravlja na drugačiji način i ne koristi se u širokoj upotrebi, osim ako se ne radi o određenoj aplikaciji u kontroliranom okruženju.
Atribut automatskog dovršavanja
Ovaj je atribut koristan za mnoge ljude koji ne vole unositi podatke koji se najviše ponavljaju u obliku kao što su ime i prezime ili adresa e -pošte, no postoje i mnogo osjetljivije aplikacije kao što su Internet bankarstvo gdje nam je potrebna maksimalna privatnost pri uvođenju naših podataka.
Da bismo to kontrolirali, rukujemo se atributom automatsko dovršavanje, to može ići na razini obrasca ili na razini ulazni, i ima dvije vrijednosti na Y isključeno, to jest uključeno ili isključeno, kao što ste možda već zaključili kada je uključeno na omogućuje pregledniku da predloži podatke koje je korisnik prethodno unio u sličnim obrascima ili u istom obliku koji pregledava, a kada je u isključeno ne nudi nikakve prijedloge. Pogledajmo njegovu primjenu s dva vrlo jednostavna primjera.
 Primjer Slanje glasovanja 

 Primjer Slanje glasovanja 

U prvom primjeru vidimo kako ga izvlačimo iz cijelog oblika, a u drugom primjeru vidimo kako ga izvlačimo i iz cijelog oblika, samo u prvom ulazni aktiviramo ga, mogli bismo učiniti i suprotno i aktivirati ga za cijeli obrazac te deaktivirati određeno polje.
Ovim završavamo ovaj vodič, posjedujući znanje o tome da obrasce učinimo malo složenijima, osim što znamo kako interno rade na slanju podataka.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave