Innehållsförteckning
Inställning av datakodningVi vet att formuläret skickar data de samlar in från användaren till en ny sida eller till sig själv, via http -protokollet med någon av metoderna som t.ex. SKAFFA SIG eller POSTA. Det finns flera sätt att koda data för att skicka den igenom http, de möjliga kodningstyperna är följande:
- application / x-www-form-urlencoded: Detta är standardmetoden som används, den kan inte användas för att ladda upp filer till servern.
- multipart / form-data: Denna metod används för att ladda upp filer till servern.
- text / vanlig: Denna metod är beroende av webbläsaren, var och en behandlar den annorlunda.
För att se skillnaden mellan metoderna lite längre måste vi skapa en form med minst två fält så att vi kan se de olika beteenden.
Låt oss se formuläret för att skapa:
Exempel Skicka röst
Kodning application / x-www-form-urlencoded är den som tillämpas som standard, detta är en allmän användningskodning används för allt utom bearbetning av filöverföringar, dess särdrag ligger i att den använder URL -formatet för att skicka parametrarna, så att vårt formulär när det skickas skulle skicka nästa information:
fave = Äpplen & namn = Leon + Ramirez
Vi ser att de värden som anges av användaren tilldelas namnen på våra fält, specialtecknen kommer att ersättas av en motsvarighet i HTML -enhet och vi ser att varje par av värden separeras med en & på detta sätt vet vi vilket område som är nästa.
Kodning multipart / form-data Det är mycket mer komplext och hanterar mycket fler element, det beror på att det är det som används för att ladda upp filer, så det måste skicka informationen om en fil som en bild, och för detta har den den här strukturen:
------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple namn = Leon Ramirez
Kodning text / vanligDet hanteras av varje webbläsare på ett annat sätt och används inte i stor utsträckning, om det inte är en specifik applikation i en kontrollerad miljö.
Autofullständigt attribut
Detta attribut är till hjälp för många människor som inte gillar att ange de mest upprepade uppgif.webpterna i en form som namn och efternamn eller e -post, men det finns mycket mer känsliga applikationer som t.ex. internetbank där vi behöver maximal integritet vid införandet av våra uppgif.webpter.
För att kontrollera detta hanterar vi attributet autoslutförande, detta kan gå på formulärnivå, eller på nivå med inmatningoch har två värden på Y av, det vill säga på eller av, eftersom du kanske redan har dragit slutsatsen när den är på på tillåter webbläsaren att föreslå data som användaren tidigare har angett i liknande formulär eller i samma form som han tittar på, och när han är i av ger inga förslag. Låt oss se dess tillämpning med två mycket enkla exempel.
Exempel Skicka röst
Exempel Skicka röst
I vårt första exempel ser vi hur vi får det ur hela formen, och i det andra exemplet ser vi hur vi får det ur hela formen också, bara i vår första inmatning vi aktiverar det, vi kan också göra det motsatta och aktivera det för hela formen och inaktivera ett visst fält.
Med detta avslutar vi denna handledning, med kunskap om att göra formulär lite mer komplexa, förutom att veta hur de fungerar internt för att skicka data.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
