HTML5 - Formulare avansate

Cuprins
Setarea codificării datelor
Știm că formularele trimit datele pe care le colectează de la utilizator către o pagină nouă sau către el însuși, prin protocolul http folosind oricare dintre metodele precum OBȚINE sau POST. Există mai multe moduri de a codifica datele pentru a le trimite http, tipurile posibile de codificare sunt următoarele:
  • application / x-www-form-urlencoded: Aceasta este metoda implicită utilizată, nu poate fi utilizată pentru a încărca fișiere pe server.
  • multipart / formular-date: Această metodă este utilizată pentru a încărca fișiere pe server.
  • text / simplu: Această metodă depinde de browser, fiecare o tratează diferit.

Pentru a vedea diferența dintre metode puțin mai departe, trebuie să creăm un formular cu cel puțin două câmpuri, astfel încât să putem vedea diferitele comportamente.
Să vedem formularul de creat:
 Exemplu Trimiteți votul 

Codificare application / x-www-form-urlencoded este cea care se aplică în mod implicit, aceasta este o utilizare generală, codificarea este utilizată pentru orice, cu excepția procesării încărcărilor de fișiere, particularitatea sa rezidă în faptul că folosește formatul URL pentru a trece parametrii, astfel încât formularul nostru atunci când este trimis, ar trimite următorul informație:
 fave = Mere & nume = Leon + Ramirez 

Vedem că valorile introduse de utilizator sunt atribuite numele câmpurilor noastre, caracterele speciale vor fi înlocuite cu un echivalent în entitatea HTML și vedem că fiecare pereche de valori este separată cu o & în acest fel știm ce domeniu urmează.
Codificare multipart / formular-date Este mult mai complex și gestionează mult mai multe elemente, acest lucru se datorează faptului că este cel folosit pentru încărcarea fișierelor, deci trebuie să trimită informațiile despre un fișier ca imagine și pentru aceasta are această structură:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: formular-date; nume = "favorit" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: formular-date; name = "nume" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple name = Leon Ramirez 

Codificare text / simpluEste gestionat de fiecare browser într-un mod diferit și nu este utilizat pe scară largă, cu excepția cazului în care este o aplicație specifică într-un mediu controlat.
Atribut de completare automată
Acest atribut este util pentru multe persoane cărora nu le place să introducă cele mai repetate date într-un formular precum numele și prenumele sau adresa de e-mail, totuși există aplicații mult mai delicate, cum ar fi Servicii bancare pe internet unde avem nevoie de intimitate maximă în introducerea datelor noastre.
Pentru a controla acest lucru, ne ocupăm de atribut completare automată, acest lucru poate merge la nivelul formularului sau la nivelul intrare, și are două valori pe Da oprit, adică activat sau dezactivat, așa cum ați fi putut deduce deja când este activat pe permite browserului să sugereze date pe care utilizatorul le-a introdus anterior în forme similare sau în aceeași formă pe care o vede și când se află în oprit nu oferă sugestii. Să vedem aplicația sa cu două exemple foarte simple.
 Exemplu Trimiteți votul 

 Exemplu Trimiteți votul 

În primul nostru exemplu vedem cum îl scoatem din întreaga formă, iar în al doilea exemplu vedem cum îl scoatem și din întreaga formă, doar în primul nostru intrare îl activăm, am putea face și contrariul și îl putem activa pentru întreaga formă și dezactivăm un anumit câmp.
Cu aceasta încheiem acest tutorial, având cunoștințele necesare pentru a face formularele puțin mai complexe, pe lângă faptul că știm cum funcționează intern pentru a trimite datele.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv

Vei ajuta la dezvoltarea site-ului, partajarea pagina cu prietenii

wave wave wave wave wave