Formuláre HTML sú veľmi výkonným nástrojom na interakciu s používateľmi, no z technických dôvodov nie je vždy jasné, ako ich využiť naplno. Pouhé zaslanie údajov v tomto prípade nestačí - musíte sa tiež uistiť, že údaje, ktoré používatelia vypĺňajú do formulárov, budú odoslané v správnom formáte, ktorý je potrebný na ich úspešné spracovanie, a že to nenaruší existujúce aplikácie. Je tiež dôležité pomôcť používateľom správne vyplniť formuláre a nenechať sa frustrovať pri pokuse o používanie aplikácií.
Značka sa používa na vytvorenie formulára HTML. V skutočnosti nevytvára okraj, ale používa sa ako nadradený kontajner pre prvky ako. Či už chcete vytvoriť jednoduchý formulár predplatného s bežnou pokladňou a platbou, alebo interaktívne webové aplikácie, na fungovanie budete musieť použiť značky prvkov HTML, z ktorých najdôležitejšia je.
Aké štandardnéHTML formuláre
Formuláre HTML boli vynájdené a do značnej miery štandardizované pred príchodom asynchrónneho JavaScriptu a zložitých webových aplikácií. Dnes sa používajú formulárové vstupy, tlačidlá a iné interakčné mechanizmy, ale jadrom je systém založený na vzore HTTP požiadaviek a odpovedí.
Keď používateľ načíta stránku, odošle sa http požiadavka (zvyčajne takzvaná požiadavka GET). Váš prehliadač ho odošle na server a server zvyčajne odpovie webovou stránkou, ktorú používateľ hľadá. Táto interakcia je jedným z najzákladnejších pojmov internetu. A to presne vysvetľuje, ako fungujú formuláre HTML.
Proces výmeny informácií so serverom
Každý, ktorý obsahuje prvky ako, sa nachádza vo vnútri a má atribút názvu (názov), ako aj jeho hodnotu. Hodnota je definovaná rôznymi spôsobmi. Pre text to bude hodnota, ktorú do poľa zadal používateľ stránky. V prípade prepínača hodnota vybranej možnosti. Používateľ môže nastaviť hodnotu, ale najčastejšie nemôže nastaviť atribút name. Tým sa vytvorí množina párov názov/hodnota, kde sú hodnoty určené vstupom používateľa.
Hlavný rozdiel medzi formulárom a bežným HTML dokumentom je ten, že vo väčšine prípadov sa údaje zhromaždené formulárom odosielajú na webový server. V tomto prípade musíte nastaviť webový server na príjem a spracovanie údajov. atribút akcie značkyurčuje umiestnenie (URL), kam sa majú odoslať zhromaždené údaje.
Ako vyzerá odpoveď servera
Pri odoslaní formulára sú páry názov-hodnota a všetky polia v rámci prvku zahrnuté do protokolu HTTP. Požiadavka sa odošle na adresu URL zadanú vo forme atribútu action. Typ požiadavky (GET alebo POST) bude v atribúte metódy. To znamená, že všetky údaje poskytnuté používateľom sa odošlú na server hneď po odoslaní formulára a server si s týmito údajmi môže robiť, čo chce. Keď server prijme odoslaný formulár, zaobchádza s ním ako s akoukoľvek inou žiadosťou HTTP. Server urobí so zahrnutými údajmi všetko, čo potrebuje, a odošle odpoveď prehliadaču.
Ak si pamätáte, že riešením je načítanie stránky, všimnete si, že to isté sa deje aj tu. V typickej forme vytvorenej pomocou značky je odpoveďou nová stránka načítaná prehliadačom. Nová stránka zvyčajne nahrádza aktuálny obsah, ale to možno prepísať atribútom target. Veľká väčšina online formulárov funguje týmto spôsobom, čo je dôvod, prečo sa používateľ dostane na stránku s poďakovaním, keď vyplní formulár na odber e-mailov.
Webové aplikácie a formuláre bez značky
Moderné interaktívne webové aplikácie používajú kód JavaScript na vytváranie asynchrónnych požiadaviek http. Toto sú volania na server, ktoré nespôsobujú opätovné načítanie stránky. Nespoliehajú sa na značku – prvok HTML zabudovaný do správania. Nespájajú všetky údaje do jedného celku.užívateľa a neodosielajte ich ihneď. Z tohto dôvodu mnohí dizajnéri rozloženia HTML + JS vo webových aplikáciách nepoužívajú značku na všetkých formulároch. Častejšie ho jednoducho používajú ako akýsi kontajner pre rôzne typy vstupných polí a prvkov. V tomto prípade nebudú použité atribúty metódy a akcie viditeľné.
Viac o formulároch
Formuláre HTML sú jedným z vrcholov interakcie používateľa s webovou stránkou alebo aplikáciou. Umožňujú používateľom odosielať údaje na stránku. Väčšinu času sa údaje odosielajú na webový server, ale webová stránka ich môže zachytiť a použiť aj samostatne. Existuje mnoho prvkov súvisiacich s formulárom - rôzne druhy tlačidiel, voliče rôznych typov, mechanizmy spätnej väzby. Preto môže byť ťažké rozhodnúť, aké hodnoty priradiť atribútom značky. Pokiaľ ide o vytváranie formulárov, je potrebné, aby fungovali na rôznych veľkostiach obrazovky. Je dôležité sprístupniť ich ľuďom so zdravotným postihnutím. To je dôvod, prečo sú formuláre a značky atribútov možno najkomplexnejším aspektom HTML.
Z čoho pozostáva tvar
HTML formulár pozostáva z jedného alebo viacerých widgetov. Môžu to byť jednoriadkové alebo viacriadkové textové polia, výberové polia, tlačidlá alebo prepínače. Najčastejšie sú spojené s atribútom, ktorý popisuje ich účel – správne implementované môžu jasne inštruovať vidiacich aj nevidomých používateľov, ako sa dostať k vstupnému formuláru. Atribútsprávne spojené s ich atribútmi for a id. Označenie for potom odkazuje na atribút id zodpovedajúceho widgetu a čítačka obrazovky pomocou neho prečíta, čo je v ňom napísané.
Okrem štruktúr špecifických pre značku je dôležité pamätať na to, že formuláre sú len HTML kód. To znamená, že na štruktúrovanie formulárov môžete využiť plný potenciál HTML. Bežnou praxou je použiť značku na zalomenie prvkov označených
. Široko používané sú aj zoznamy HTML; na štruktúrovanie sa používa viacero začiarkavacích políčok alebo prepínačov. Po vytvorení vstupných polí zostáva pridať tlačidlo pomocou značky a skontrolovať výsledok. Flexibilita formulárov HTML z nich robí jednu z najkomplexnejších štruktúr vo formáte HTML. Ale so správnou štruktúrou pri vytváraní formulára HTML môžete zabezpečiť, aby bol použiteľný aj prístupný.
