HTML5 - išplėstinės formos

Turinys
Duomenų kodavimo nustatymas
Mes žinome, kad formos siunčia surinktus duomenis iš vartotojo į naują puslapį arba jam per http protokolą, naudojant bet kurį iš būdų, pvz. GET arba POST. Yra keletas būdų, kaip koduoti duomenis, kad juos būtų galima siųsti http, galimi kodavimo tipai yra šie:
  • application / x-www-form-urlencoded: Tai yra numatytasis metodas, kurio negalima naudoti norint įkelti failus į serverį.
  • kelių dalių / formos duomenys: Šis metodas naudojamas įkelti failus į serverį.
  • tekstas / paprastas: Šis metodas priklauso nuo naršyklės, kiekvienas su juo elgiasi skirtingai.

Norėdami šiek tiek pamatyti skirtumą tarp metodų, turime sukurti formą su mažiausiai dviem laukais, kad galėtume matyti skirtingą elgesį.
Pažvelkime į formą, kurią reikia sukurti:
 Pavyzdys Pateikti balsavimą 

Kodavimas application / x-www-form-urlencoded yra tas, kuris taikomas pagal numatytuosius nustatymus, tai yra bendro naudojimo kodavimas, naudojamas viskam, išskyrus failų įkėlimo apdorojimą, jo ypatumas yra tas, kad jis naudoja URL formatą parametrams perduoti, kad mūsų pateikta forma atsiųstų kitą informacija:
 fave = Obuoliai ir vardas = Leonas + Ramirezas 

Matome, kad vartotojo įvestos vertės priskiriamos mūsų laukų pavadinimams, specialieji simboliai bus pakeisti ekvivalentu HTML objekte ir matome, kad kiekviena reikšmių pora yra atskirta & tokiu būdu mes žinome, kuris laukas yra kitas.
Kodavimas kelių dalių / formos duomenys Jis yra daug sudėtingesnis ir tvarko daug daugiau elementų, nes jis naudojamas failams įkelti, todėl jis turi siųsti failo informaciją kaip vaizdą, todėl ji turi tokią struktūrą:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Turinio išdėstymas: formos duomenys; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple vardas = Leon Ramirez 

Kodavimas tekstas / paprastasKiekviena naršyklė ją tvarko skirtingai ir nėra plačiai naudojama, nebent tai yra konkreti programa kontroliuojamoje aplinkoje.
Automatinio užbaigimo atributas
Šis atributas yra naudingas daugeliui žmonių, kurie nemėgsta įvesti dažniausiai pasikartojančių duomenų tokia forma kaip vardas ir pavardė ar el. Pašto adresas, tačiau yra daug subtilesnių programų, pvz. internetine bankininkyste kur mums reikia maksimalaus privatumo įvedant savo duomenis.
Norėdami tai kontroliuoti, mes tvarkome atributą automatinis užbaigimas, tai gali būti formos arba įvestiesir turi dvi vertybes ant Y išjungtas, tai yra įjungti arba išjungti, kaip galbūt jau padarėte išvadą, kai ji įjungta ant leidžia naršyklei siūlyti duomenis, kuriuos vartotojas anksčiau įvedė panašiomis formomis arba ta pačia forma, kurią peržiūri, ir kai jis yra išjungtas nesiūlo jokių pasiūlymų. Pažvelkime į jo taikymą dviem labai paprastais pavyzdžiais.
 Pavyzdys Pateikti balsavimą 

 Pavyzdys Pateikti balsavimą 

Pirmame pavyzdyje matome, kaip mes jį išimame iš visos formos, o antrame pavyzdyje matome, kaip mes jį taip pat išimame iš visos formos, tik pirmame įvesties mes ją suaktyviname, taip pat galime padaryti priešingai ir suaktyvinti ją visai formai bei išjungti tam tikrą lauką.
Tuo mes baigiame šią mokymo programą, turėdami žinių, kad formos būtų šiek tiek sudėtingesnės, be to, žinome, kaip jos veikia viduje, siunčiant duomenis.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką

Padėsite svetainės plėtrą, dalintis puslapį su draugais

wave wave wave wave wave