HTML5 - Pokročilé formuláře

Obsah
Nastavení kódování dat
Víme, že formuláře odesílají data, která shromažďují, od uživatele na novou stránku nebo k němu samotnému prostřednictvím protokolu http pomocí některé z metod, jako je DOSTAT nebo POŠTA. Existuje několik způsobů, jak zakódovat data a odeslat je http, možné typy kódování jsou následující:
  • application / x-www-form-urlencoded: Toto je výchozí metoda, kterou nelze použít k odesílání souborů na server.
  • vícedílná / formulářová data: Tato metoda se používá k odesílání souborů na server.
  • text / prostý: Tato metoda závisí na prohlížeči, každý s ní zachází jinak.

Abychom viděli rozdíl mezi metodami trochu dále, musíme vytvořit formulář s alespoň dvěma poli, abychom mohli vidět různá chování.
Podívejme se na formulář k vytvoření:
 Příklad Odeslat hlas 

Kódování application / x-www-form-urlencoded je ten, který se používá ve výchozím nastavení, toto je obecné použití, kódování se používá pro všechno kromě zpracování nahrávání souborů, jeho zvláštnost spočívá v tom, že používá formát URL k předání parametrů, takže náš formulář při odeslání by odeslal další informace:
 fave = Jablka & jméno = Leon + Ramirez 

Vidíme, že hodnoty zadané uživatelem jsou přiřazeny k názvům našich polí, speciální znaky budou v entitě HTML nahrazeny ekvivalentem a vidíme, že každá dvojice hodnot je oddělena & tímto způsobem víme, které pole je další.
Kódování vícedílná / formulářová data Je mnohem složitější a zpracovává mnohem více prvků, protože je to ten, který se používá k nahrávání souborů, takže potřebuje odeslat informace o souboru jako obrázek, a proto má tuto strukturu:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; name = "name" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- fave = Apple name = Leon Ramirez 

Kódování text / prostýKaždý prohlížeč s ním zachází jiným způsobem a není široce používán, pokud se nejedná o konkrétní aplikaci v kontrolovaném prostředí.
Atribut automatického doplňování
Tento atribut je užitečný pro mnoho lidí, kteří neradi zadávají nejčastěji se opakující data ve formě, jako je jméno a příjmení nebo e -mail, nicméně existují mnohem choulostivější aplikace, jako např. internetové bankovnictví kde při zavádění našich údajů potřebujeme maximální soukromí.
Abychom to mohli ovládat, zpracováváme tento atribut automatické vyplňování, to může jít na úrovni formuláře nebo na úrovni vstup, a má dvě hodnoty na Y vypnuto, to znamená zapnuto nebo vypnuto, jak jste možná již vyvodili, když je zapnutý na umožňuje prohlížeči navrhnout data, která uživatel předtím zadal v podobných formulářích nebo ve stejném formuláři, který si prohlíží, a když je v vypnuto nenabízí žádné návrhy. Podívejme se na jeho aplikaci dvěma velmi jednoduchými příklady.
 Příklad Odeslat hlas 

 Příklad Odeslat hlas 

V našem prvním příkladu vidíme, jak to dostaneme z celé formy, a ve druhém příkladu vidíme, jak to dostaneme také z celé formy, pouze v našem prvním vstup aktivujeme jej, mohli bychom také udělat opak a aktivovat jej pro celý formulář a deaktivovat konkrétní pole.
Tímto jsme uzavřeli tento tutoriál, který měl znalosti o tom, aby byly formuláře trochu složitější, a navíc věděl, jak interně pracují na odesílání dat.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod

Vám pomůže rozvoji místa, sdílet stránku s přáteli

wave wave wave wave wave