Formuláre HTML sú veľmi silným nástrojom na interakciu s používateľmi, ale z technických dôvodov nie je vždy jasné, ako ich plne využívať. Jednoduché odosielanie údajov v tomto prípade nestačí - je tiež potrebné dbať na to, aby údaje, ktoré používatelia vyplnia formuláre, boli odoslané v správnom formáte, ktorý je potrebný na ich úspešné spracovanie, a že to nebudú porušené existujúcimi programami. Je tiež dôležité pomôcť používateľom vyplniť formuláre správne a nemali by byť sklamaní pri používaní aplikácií.

Na vytvorenie formulára HTML sa používa značka

. V skutočnosti nevytvára pole, ale používa sa ako nadradený kontajner pre také prvky ako. Ak chcete vytvoriť jednoduchý formulár na odber, pravidelné overenie a platbu alebo interaktívnu webovú aplikáciu, budete musieť použiť značky HTML prvkov, z ktorých najdôležitejšie je

,

Ako fungujú štandardné HTML formuláre

Formuláre HTML boli vynájdené a väčšinou štandardizované na vzhľad asynchrónnych javascriptových a komplexných webových aplikácií. Dnes sa používajú vstupné formuláre, tlačidlá a iné mechanizmy interakcie, ale založené na systéme založenom na požiadavke HTTP a paradigme odpovede. Keď používateľ načíta stránku, je odoslaná žiadosť http (zvyčajne tzv. Požiadavka GET). Je odoslaný prehliadačom na server a server zvyčajne zodpovedá webovej stránke, ktorú používateľ hľadá. Táto interakcia existujejeden z najzákladnejších konceptov internetu. A to vysvetľuje presne, ako HTML formuláre fungujú.

Proces výmeny informácií so serverom

Všetko, čo obsahuje také prvky ako je, je vnútri

a má meno atribútu (meno) a jeho hodnotu. Hodnota je určená inak. Pre text bude to hodnota, ktorá bola zadaná do užívateľského poľa stránky. Pre prepínač je hodnota zvoleného parametra. Používateľ môže nastaviť hodnotu, ale väčšina nemôže nakonfigurovať atribút name. Tým sa vytvorí súbor dvojíc "názov-hodnota", v ktorých sú hodnoty určené vstupom používateľa.


Hlavným rozdielom medzi formulárom a bežným dokumentom HTML je to, že vo väčšine prípadov sa údaje zhromaždené formulárom posielajú na webový server. V tomto prípade musíte nakonfigurovať webový server na prijímanie a spracovávanie údajov. Atribút akcie značky

definuje umiestnenie (URL), kde by sa mali odosielať zhromaždené údaje.

Ako vyzerá server

Keď sa formulár odošle s párom názov-hodnota a všetky prvky vo vnútri

prvkov sú zahrnuté v protokole HTTP. Vyžaduje sa požiadavka na adresu URL definovanú v formulári atribútu akcie. Typ požiadavky (GET alebo POST) bude v atribúte metódy. To znamená, že všetky údaje poskytnuté používateľom sa okamžite posielajú na server počas odosielania formulára a server môže robiť s týmito údajmi čo chce. Keď server dostane formulár odoslania, vníma ho ako akúkoľvek inú žiadosť HTTP. Server robí všetko, čo potrebuje na to, aby obsahoval údaje a vydal hoodpovedzte späť do prehliadača.
Ak si pamätáte, že načítanie stránky je odpoveď, môžete vidieť, že tu sa stane tá istá vec. V typickej forme, vytvorenej pomocou značky

, je odpoveďou nová stránka načítaná prehliadačom. Spravidla nová stránka nahrádza aktuálny obsah, ale toto môže byť predefinované pomocou atribútu target. Drvivá väčšina on-line formulárov pracuje týmto spôsobom, a preto používateľ pošle ďakovnú stránku, keď vyplní e-mailový formulár.

Webové aplikácie a formuláre bez tagu

Moderné interaktívne webové aplikácie používajú javascript na spustenie asynchrónnych žiadostí http. Toto sú serverové volania, ktoré nespôsobujú reštartovanie stránky. Nespoliehajú sa na značku

- element HTML, ktorý je založený na správaní. Neintegrujú všetky údaje používateľa do jednej entity a neodosielajú ich ihneď. Z tohto dôvodu mnoho prehľadávačov HTML + JS vo webových aplikáciách nepoužíva tag

vo všetkých formách. Častejšie ich jednoducho používajú ako druh kontajnera pre rôzne typy vstupných polí a prvkov. V tomto prípade sa používajú atribúty metódy akcie a nebudú viditeľné.

Viac informácií o formulári

Formuláre HTML sú jedným z hlavných bodov interakcie používateľa s webom alebo aplikáciou. Umožňujú používateľom posielať údaje na stránku. Väčšina časových údajov sa odosiela na server, ale webová stránka ho môže zachytiť, aby ju mohla použiť sama. Existuje veľa tvarovaných prvkov - rôzne typy tlačidiel,selektory pre rôzne typy, mechanizmy spätnej väzby. Preto môžu byť ťažkosti v procese riešenia otázky, čo potrebujete priradiť hodnotu atribútov značky

. Pokiaľ ide o vytváranie tvarov, musíte byť schopní pracovať na rôznych veľkostiach obrazovky. Je dôležité, aby boli prístupné osobám so zdravotným postihnutím. Preto je atribút značky a atribútu atribútu

pravdepodobne najkomplexnejším aspektom v HTML.

Aký je tvar

? Formulár HTML pozostáva z jednej alebo viacerých miniaplikácií. Môžu to byť jednoradové alebo viacriadkové textové polia, výberové polia, tlačidlá alebo prepínače. Najčastejšie súvisia s atribútom, ktorý opisuje ich účel - správne implementované môžu jasne poučiť oboch zrakových a nevidiacich používateľov o tom, ako sa dostať do vstupného formulára. Atribút je prepojený správne s ich atribútmi pre atribúty a id. Označenie v tomto prípade odkazuje na atribút id príslušného widgetu a čitateľ z obrazovky, ktorý ho použije, bude čítať, čo je napísané. ​​Okrem štruktúr špecifických pre značku

je dôležité mať na pamäti, že formuláre sú len kódom v jazyku HTML. To znamená, že na štruktúrovanie formulárov môžete využiť všetku silu HTML. Zvyčajným postupom je používanie značky na zabalenie položiek pomocou značky. Tiež široko používané sú HTML zoznamy, pre štruktúrovanie použitie viacerých zaškrtávacích políčok alebo prepínačov. Po vytvorení polí pre vstup zostáva pridať tlačidlo s nápovedouoznačte a skontrolujte výsledok. Flexibilita formulárov HTML ich robí jednou z najzložitejších štruktúr vo formáte HTML. Pomocou správnej štruktúry pri vytváraní formulára HTML sa však dá zaručiť, že bude súčasne pohodlné a prístupné.